Recipes & Shopping List

a picture of my project

Part of the Angular front-end course at Codefi followed a lesson plan by Maximilian Schwarzmüller on Academind. This in-depth tutorial taught me how to use Angular to create a single page application. The project is a recipe book that allows users to add, edit, and delete recipes. Users can also add the ingredients of their recipes to a shopping list. The project uses Bootstrap for the UI styling and was deployed to Firebase.

1 / 18
2 / 18
3 / 18
4 / 18
5 / 18
6 / 18
7 / 18
8 / 18
9 / 18
10 / 18
11 / 18
12 / 18
13 / 18
14 / 18
15 / 18
16 / 18
17 / 18
18 / 18

I learned a lot about Typescript, components, and databinding in Angular during this unit. We also covered how to use services and observables to pass data between components, and how to use routing to navigate between pages, as well as authentication and authorization and how to deploy a project to the web.