mallikb2007/angular-project

Full blown Angular 9 project based on recipe book and shopping list

Recipe & Shopping List Application

The application was built using Angular 9, Bootstrap 3 and Firebase as a backend. It consists of a list of recipes and a shopping list.

The last implementation of the application is using Redux implementation for Angular called NgRx to manage the overall state of the application.

The application was deployed on Firebase, to access it, click here.

Running Application Process on your computer

1. Download the application by Clicking this link
2. Unzip the application
3. Download and Install node.js
4. Open a terminal
5. Make sure you have the latest version of the Angular CLI, if not:
   • Run npm uninstall -g angular-cli @angular/cli
   • Run npm cache clean --force
   • Run npm install -g @angular/cli
6. Move to the root of the application
7. Run npm install
8. Run ng serve
9. Navigate to http://localhost:4200/ with your favourite browser

Application

Authentication Page

Home Page and Recipe List

Home Page and Recipe List Responsive

View Recipe

View Recipe Responsive

Edit Recipe

New Recipe

Shopping List

Shopping List Responsive

404 NOT FOUND