Create & browse delicious cooking recipes and generate a shopping list with ingredients!
Live Demo
·
Explore my other projects
Table of Contents
Cookit is a digital cookbook that allows you to create new recipes, browse through all existing recipes and to generate a shopping list with all ingredients necessary for the recipes that you want to cook.
- A Guest view, with limited interaction and a Logged in view with full functionality
- Logged in users can:
- Create new recipes
- Generate a Shopping List which calculates the necessary ingredients to buy
- Delete or Edit any recipe they have created
- Access their Profile page, which shows their latest created recipes
- Client-side Routing via Angular Router
The website uses Appwrite (a self-hosted Firebase alternative) for Authentication, Database and Storage.
Architecturally, modules are split into core & shared with different folders for each components. Services related to Authentication and Fetching data are kept separate and imported when necessary.
The project is built using:
To start the project, you first need to install Angular CLI
npm install -g @angular/cli- Clone the repo
git clone https://github.com/dphilipov/cookit-angular-app.git
- Install NPM packages
npm install
- Start the project
ng s
Register a new account or Login with the demo credentials. This allows you to Create new recipes and to add recipe ingredients to a Shopping List. The Shopping List persists while navigating the website and detects automatically if you are adding an already existing ingredient. In such cases, the Shopping List combines the quantities under one entry. Furthermore, you can Edit & Delete the recipes you have created. In your Profile page you can view all of your created recipes and Delete your account if needed.
Dimitar Filipov - [email protected]
Project Link: https://github.com/dphilipov/cookit-angular-app.git