Building a Car Information Gallery with ReactJS

January 05, 2018

Source Files | Live Demo

I used ReactJS to build an gallery of cards displaying information about different cars. They display the make and model, a brief description, the engine size and horsepower, and a picture. All the car info is stored in a JSON file.

At its initial state, the app displays four cards for four different cars. If you click on the "Load More" button, it will display four more cards. There is also a brief form where users can add new cars to the gallery.

The main topics and techniques that I learned or practiced through this project are:

You van view the Source Files or a Live Demo.

Note: For this project I followed this ReactJS tutorial as a guide. It has a more detailed explanation of each step if you want to take a look or try it out yourself.


Main Journal Application with Gulp and jQuery

USA 2018Stack: Ubuntu > Metalsmith > Git > VPS