This app was built with the purpose to better my programming skills the app is about recipes I use TheMealDB to get all the recipes in the app you can filter recipes by categories, countries and ingredients.
My experience to develop this project was a fascinating at the beginning I didn't have any idea what will be the design for this app that was a challenge for me, but I got some inspiration using websites such as Dribbble also I had some obstacles on the way for instance the API didn't have pagination I had to research how to create a local pagination.
I learned a lot of things developing this app, for example I learned how to use lazy loading in angular.
- Angular
- SCSS
- Typescript
- BEM (block__element--modifier)
- Mobile-first workflow
These are some resources that I used to develop the app.
- Trabajando con Lazy Loading en Angular 8–9
- Paginación local filtro
- Useful Sass (SCSS) media query mixins
- Sweetalert2
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone hhttps://github.com/VladimirValdes/recipesApp
# Install dependencies
$ npm install
# Run the app
$ ng serve