mobile Web

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.