restcristian/carsviewer

Web application that consists of a Single Page Application that allows the user to find cars by Make and Models.

CarsViewer

Consists of a Single Page Application that allows the user to find cars by Make and Models.

Technologies Used:

• React
• Redux
• Redux Thunk
• TypeScript
• Axios
• Jest
• React Testing Library.
• Husky

Features:

• Modal that shows up in case of error from the server.
• Cars are searched with Dropdowns.
• Data for Car Makes and models are fetched.
• Displays a list of vehicles based on the search criteria.

How to Run:

Backend:

• Download the backend made with NodeJS in the following link: [https://www.dropbox.com/s/i3bjhj90ccbtf1w/friday-code-challenge.zip?dl=0]

• Go to the downloaded file directory, unzip it and run the following command:

node server.js

(make sure you have NodeJS installed on your system)

Frontend:

• Clone this repository.
• Navigate to the directory of the downloaded repository and run:

npm install

• In the project directory, you can run the following command to run the frontend:

npm start

• If you want to run the tests, run:

npm test

Project Link: [https://github.com/restcristian/carsviewer/projects/1]

TODO:

[ ] Animate Vehicle Cards.

[ ] Include some sort of pagination for the Vehicles.

[ ] Expand Testing Coverage.

Made with ❤️ by Cristian Restituyo