A full-stack *Car Rental Web Application built using the MERN Stack (MongoDB, Express.js, React.js, Node.js). This platform allows users to browse cars, book rentals, and manage bookings, while the admin can manage cars and reservations.
🌐 Live Website: https://car-rental-gamma-lime.vercel.app/
📦 Repository: https://github.com/ujjawalsingh30/CarRental
- User Registration & Login
- JWT Authentication with Cookies
- Browse available cars
- View booking history
- Contact support
- Responsive UI with Toast Notifications
- Product Listing
- Product Images Upload
- Cloudinary Media Storage
- Stock & Price Handling
- Password Hashing with bcrypt
- JWT-based Authentication
- Secure Cookie Handling
- Stripe Checkout Integration
GreenCart is built as a real-world e-commerce system, not a UI-only demo.
carrental/
│
├── client/ # Frontend (React + Vite)
│ ├── node_modules/ # Project dependencies
│ ├── public/ # Static files
│ │
│ ├── src/ # Main source folder
│ │ ├── assets/ # Images, icons, and static assets
│ │ ├── components/ # Reusable React components
│ │ ├── context/ # Global state management (React Context)
│ │ ├── pages/ # Application pages
│ │ │
│ │ ├── App.jsx # Main App component
│ │ ├── main.jsx # React entry point
│ │ └── index.css # Global styles
│ │
│ ├── .env # Frontend environment variables
│ ├── .gitignore # Git ignored files
│ ├── eslint.config.js # ESLint configuration
│ ├── index.html # Root HTML file
│ ├── package.json # Frontend dependencies
│ ├── README.md # Frontend documentation
│ ├── vercel.json # Vercel deployment config
│ └── vite.config.js # Vite configuration
│
├── server/ # Backend (Node.js + Express)
│ ├── configs/ # Database and external service configurations
│ ├── controllers/ # Business logic for APIs
│ ├── middleware/ # Authentication and custom middleware
│ ├── models/ # MongoDB schemas (Mongoose)
│ ├── routes/ # API route definitions
│ ├── node_modules/ # Backend dependencies
│ │
│ ├── .env # Backend environment variables
│ ├── .gitignore # Git ignored files
│ ├── package.json # Backend dependencies
│ ├── package-lock.json # Dependency lock file
│ └── server.js # Main backend entry point
│
└── README.md # Project documentation
- Passwords hashed using bcrypt
- JWT tokens stored in HTTP-only cookies
- Protected routes using middleware
- Product data stored in MongoDB
- Images uploaded using Multer
- Media hosted on ImageKit
These APIs handle user registration, login, and user-related operations.
| Method | Endpoint | Description |
|---|---|---|
| POST | /api/user/register |
Register a new user |
| POST | /api/user/login |
Login user |
| GET | /api/user/profile |
Get logged-in user profile |
These APIs allow car owners/admins to manage cars in the system.
| Method | Endpoint | Description |
|---|---|---|
| POST | /api/owner/add-car |
Add a new car |
| GET | /api/owner/cars |
Get all cars added by owner |
| PUT | /api/owner/update-car/:id |
Update car details |
| DELETE | /api/owner/delete-car/:id |
Delete a car |
Create a .env file inside server/:
##################################
# Database
##################################
MONGO_URI=your_mongodb_connection_string
##################################
# Authentication
##################################
JWT_SECRET=your_jwt_secret
##################################
# ImageKit
##################################
IMAGEKIT_PUBLIC_KEY = your_imagekit_public_key
IMAGEKIT_PRIVATE_KEY = your_imagekit_private_key
IMAGEKIT_URL_ENDPOINT = your_imagekit_url_endpoint
##################################
.env files to GitHub.
cd server
npm install
npm run server
cd client
npm install
npm run dev
- Admin Dashboard
- Add new cars
- Update car details -Delete cars
- View all bookings
- Manage cars
- Role-based Access (Admin / User)
🗂 Cars
This page displays all available cars for rent in a card-based layout. Each card shows important details such as
- Car brand and model
- Rental price per day
- Seating capacity
- Transmission type
- Fuel type
- Location
The My Bookings page allows users to track all their reservations. It shows:
- Booking ID
- Rental period
- Pickup location
- Booking status (Pending / Confirmed / Cancelled)
- Total price This helps users easily manage and review their bookings.
🛍 Admin-Dashboard
The Admin Dashboard provides an overview of the platform's activity including:
- Total number of cars
- Total bookings
- Pending requests
- Confirmed bookings
- Recent booking activities
- Monthly revenue It helps administrators monitor platform performance efficiently.
➕ Add New Car
Admins can add new vehicles to the platform by filling in detailed information such as:
- Brand and model
- Year of manufacture
- Daily rental price
- Transmission type
- Fuel type
- Seating capacity
- Location
- Vehicle description
- Car image upload This ensures that all necessary vehicle details are available for customers.
📋 Manage Bookings
The Manage Bookings section allows administrators to control all customer reservations. Admins can:
- View all booking records
- Check payment status
- Approve or cancel bookings
- Update booking status This functionality ensures smooth booking management for the platform.
CarRental is a production-style vehicle booking platform built with the MERN stack, featuring user authentication, car management, booking functionality, and secure backend APIs.