Develop a pseudo Front End Application in Angular which would let the users list and browse Noodles conveniently Use of Web API to fetch.
[Plus Point] (intermediate) — A feature to click on a Restaurant to open a new page showing the details of the Restaurant along with the given image. Page URL must be of the format “/:id” where id is the id of the recipe. Example 0,1,2,3 (Router)
- Implement functionality to list Items as Cards. — Implement Search by Brand. — Implement Sort by Stars. — Lazy loading with placeholder for images and loaders.
— Deploy your Frontend App on any Static Website Hosting Service. (This deployment link must be active for at least 2 weeks from Submission Date.) — Provide the Deployment URL along with Source Code in a .txt file — Submit Screenshot, Source code & Instructions.
- Compress all Source Code and Deployed link in a Zip File & Upload
[Guide] — Top Ramen API: https://s3-ap-southeast-1.amazonaws.com/he-public-data/TopRamen8d30951.json Note: Use this API to Fetch Restaurant details. — Noodle Image API: https://s3-ap-southeast-1.amazonaws.com/he-public-data/noodlesec253ad.json Note: Use this API to Fetch Noodle Images.
This project was generated with Angular CLI version 11.0.3.
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.
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
.
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.