Chucks-Trucks-V2

MERN stack project - A Truck dealership landing page that pulls it's vehicle inventory from an express backend & sorts the vehicles accordingly.

Link to project: https://chucks-trucks.herokuapp.com/

How It's Made:

Client

• React JS
• React-router-dom (To handle routing)
• Axios (for making api calls)
• Chakra UI (for User Interface)
• Validator (to valid email addresses)

Server

• Express
• Mongoose
• dotenv

Key Features

• Fetch and display vehicle inventory from Express API
• Sort inventory by miles, year, etc via API request
• Submit user information to recieve financial quote
• Form & email validation
• Fully responsive

Lessons Learned:

• How to host a back end server
• How to create and fetch from an Express API

To Do:

• Redesign about page & take out some of the abundent red throughout the site
• Learn about request params, and use them to have one method to sort both ascending and descending
• Fix hard coding api URLS
• create single button component & Header component