mobile Web
$10-30 CAD
Pago na entrega
Create a new Angular project will graded in landscape view only.
See New Project-DefaultSetup for a review of how to start a new project with class defaults
Create a header component and a footer component
Use the [login to view URL] to create global styles to share formatting in header and footer
Create a file in the app folder called [login to view URL] in the app folder. In this file, create a class called YourLoginName that includes the following definition with your choice of label and type:
Your number, your name, your login name, your campus
In both the header and footer component .ts files, use a SERVICE to import and create a variable to fill in the class data with your information using @Input to pass data from the [login to view URL] to the header and footer components.
Header area: t title / your name
Footer area: your name / your number
Note: You may need to stop the node server and start up again after creating a class. Use Ctrl+C to terminate batch job then "ng serve" again after class file is created.
Create 3 JSON files: breakfast, lunch, dinner; Each will include at least 3 food items with name of food, price, and calories; Be sure to VALIDATE each JSON file.
Use Angular Material to create a tabbed view within a main comonent with menus for each of the JSON files. Use an Interface and Angular 7 JSON retrieval process to pull data in the app component and share with the main component.
ID do Projeto: #19141987