idemmanuel001 / carfaxt

A MERN stack car rental web application for a rental firm

Carfaxt

Carfaxt is my first attempt at building a MERN Stack web application for a car rental firm,it was built with the objective of helping the car rental firm upload cars that are available for rental in specific locations with relevant information such as the cost of rental per hour,description and model of the car,the fuel type and the number of passengers the car can take.After a user must have selected a car of their choice in their location they can then procced to make payment for the car by creating an account with the details, the car is delivered to their location where they then fill in the neccessary paperwork

Demo

The link to the live website:

https://carfaxt.netlify.app

Tech Stack

Client: React, Redux, TailwindCSS,Json Web Token,Animate On Scroll

Server: Node, Express,Mongo

Features

• Tailwind CSS
• React Frontend
• Authentication using JWT
• Admin & User Login system
• Image upload using Filebase-64
• Node Backend

Installation

Make sure you have node installed and then proceed to execute this command in the terminal

  npm i

Environment Variables

Create an account on mongodb.com and create a new cluster, then set the env value of:

CONNECTION_URL = to the name of yout atlas database

For management of the sessions, set an env variable

AUTH_SECRET = any_secret_key_of_your_choice

Usage/Examples

For a car rental firm to upload their available rentals and meet with prospective clients from around the country

Screenshots

The Hero Section

The Services Section

The Login Page

The 404 Page

Contributing

Contributions are highly appreciated!

Kindly send a pull request and I will review them with immediate effect