This project was generated with Angular.
Confusion is a restaurant web page, it features the following components:
- Angular Material
- Angular Flex-Layout for responsive UI design
- Data binding
- Angular router
This project includes various aspects of Angular such as components, directives and services. Also template-driven forms and reactive forms. Observables, reactive programming and RxJS in the context of Angular is included.
Project includes client-server communication through the HTTP client and the use of REST API on the server side. This website also uses Angular Animations.
This application is developed by following Angular best practices. All features are broken into seperate components(or child components), all data fetching is done by injecting services, and all data models are seperated to model files. All cross component communication is done via services or events.
Home screen:
About screen:
Menu screen:
Item screen:
Contact page:
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 json-server --watch db.json -d 2000 --port 3000 for a JSON server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.