Blog

OverviewYou will be building an Angular application that wil…

OverviewYou will be building an Angular application that will use the Recipe API that you built in the first question to read and write data. Instructions Create a new Angular application that will have a main page and a recipe page.  Your main page should look similar to Figure 1 below, and you are free to style it however your want as long as you follow style guidelines in Figure 1.Figure 1 As shown in the Figure 1 above, your application will have a menu link with text “Main” on the left.  Clicking this will navigate the web page back to the main page.  This “Main” link will have the blue background if this route is active. The main page will show all the available recipes from the Recipe API you created earlier. Hovering over a recipe row will change the cursor and the color of the row as shown in Figure 2.Figure 2 Clicking a recipe row will route you to the recipe page for that recipe as shown in Figure 3 below. Notice how the “Main” link on the left no longer has a blue background.Figure 3   Submission Place all of the files needed to run this application in a single zip file. Note: Do NOT include the “node_modules” folder in your zip file, I will deduct 5 points if your zip file contains the “node_modules” folder. The zip file must be named in the format lastname_firstname_final_ui.zip.  For example using my name it would be shrestha_gaurav_final_ui.zip