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
15 Comments