Back to Browse

How to build a Car data API Viewer (Mongo, Express, Angular)

8.2K views
Aug 22, 2019
55:11

In this tutorial, we'll be building an API that serves some data about cars that is consumed by an Angular front end that we'll create from scratch. GitHub link: https://github.com/codebubb/car-project — Follow Me — Twitter: https://www.twitter.com/codebubb Facebook: https://www.facebook.com/juniordevelopercentral/ Blog: https://www.juniordevelopercentral.com/ — Thanks! — In this next installment of our #fullstackapps series we'll be building an API that serves some JSON data which is then used by Angular to provide a front-end. To make things a bit more interesting the data is provided via a CSV file and we'll write a small script to seed our MongoDB database with this data. With our data imported we'll create endpoints for getting all of the data, getting the data via a filtered value as well as getting an individual car from the collection. Once our endpoints are setup, we'll move on to creating the Angular app which will consist of a couple of components that will list the data in a table and also show individual data about a single car. We'll also add some nice touches like a spinner, some bootstrap styling and the select boxes in the table to filter the data. Channel Handle @codebubb

Download

0 formats

No download links available.

How to build a Car data API Viewer (Mongo, Express, Angular) | NatokHD