TheHungryRecipes
October 16, 2021 ยท View on GitHub
A food recipes webapp with clean user interface powered by TheMealDB free API.
Live - https://thehungryrecipes.netlify.app/
Setup this project on your local machine
- Make sure you have NodeJS and Angular's latest versions intalled.
- Open your workspace and preferred IDE. You can also use
https://gitpod.io/. - Clone this repository:
git clone https://github.com/NitinNair89/TheHungryRecipesApp.git. - Open the newly created directory:
cd TheHungryRecipesApp. - Install project dependencies:
npm installornpm i. - If installation finds any vulnerabilities, it will notify you. You can attempt autofix using
npm audit fix. If you want more information about the vulnerabilities, runnpm audit. - If fixing any vulnerabilities warns for breaking change, contact me.
- Run
npm auditonce again to check if all vulnerabilities are fixed. Some vulnerabilities require manual fix. If you are unaware of how to fix it, kindly ignore those. - Run
ng updateto check if all dependencies are installed with latest versions and there are no pending updates. If any update is required, console will prompt you with the command to update versions of dependent libraries. Please execute those commands.
Running the webapp on your local machine
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Code scaffolding
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Build
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Running unit tests
Run ng test to execute the unit tests via Karma.
Running end-to-end tests
Run ng e2e to execute the end-to-end tests via Protractor.
Further help
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.
Please read Code of Conduct and Contributing guides.