/TheHungryRecipesApp

A food recipes website with simple UI

Primary LanguageTypeScript

TheHungryRecipes

A food recipes webapp with clean user interface powered by TheMealDB free API.

Live - https://thehungryrecipes.netlify.app/

Netlify Status

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 install or npm 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, run npm audit.
  • If fixing any vulnerabilities warns for breaking change, contact me.
  • Run npm audit once 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 update to 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.