Your hot new rideshare startup, Noober, is ready to launch its MVP. Unfortunately, your front-end developer has suddenly left the company, and it's up to you to put together a minimal front-end for your drivers to use.
Begin by heading over to the starter project – select "Use this template", then create a repository in your own GitHub account called noober-week4.
Open index.html in Chrome. You'll see that your design team has put together a prototype of what the new UI should look like, with a few hard-coded examples. Your job is to make the page read the dynamic data that's been made available by your back-end development team and display it on the page – delete the hard-coded HTML when done.
The page should read the real data, found at https://kiei451.com/api/rides.json. The work to do this is already provided – simply use the json variable. The provided code writes out the value of this variable to the JavaScript Console in Chrome – inspect the structure of this data using the Console. Your job is to extract the data from this Object, transform it into HTML/Tailwind code that meets the design team's specifications, and append it to the div with the class name rides.
All your work should take place in noober.js; i.e. that should be the only file that's modified from the original project template. Your finished product should live in your GitHub account at https://github.com/<your GitHub username>/noober-week4, and this URL should be submitted as the "website URL" for this assignment in Canvas.