

Car Wash Booking SystemCar Wash Booking System
A full-stack MERN (MongoDB, Express.js, React.js, Node.js) application for booking car wash services.
Car Wash Booking System
A full-stack MERN (MongoDB, Express.js, React.js, Node.js) application for booking car wash servi...
Overview
This Car Wash Booking System is built with the MERN stack and includes following
- User Authentication (JWT, bcrypt)
- Online Booking for car wash services
- Booking Management Dashboard
- Email Notifications via SendGrid
- Fully Responsive UI (Desktop & Mobile)
- Admin-friendly structure with API and clear
.env.example
This app is perfect for car wash businesses or as a starter template for service booking platforms.
What You Get
- Full source code (client + server)
- Easy setup with README
- Secure, scalable architecture
- Clean UI with modern styling
- Free support for installation help
Features
1.User Authentication: Register and log in securely using JWT and bcrypt.
2.Service Booking: Choose from multiple car wash packages including Basic, Premium, Interior, and Full Service.
3.Booking Management: View your upcoming bookings and cancel them when needed.
4.Email Notifications: SendGrid integration enables booking confirmation emails and alerts.
5.Real-time Updates: Instantly receive updates on booking status.
6.Responsive Design: Fully mobile-friendly interface that works on all screen sizes.
7.MongoDB Integration: Built with Mongoose for reliable and scalable data storage.
8.Clean Backend API: Organized Express.js routes and models for clear API structure.
9.Environment Config Support: Comes with a .env.example file for easy configuration and setup.
Requirements
### Frontend
- React.js 19.1.0
- React Router DOM 7.6.3
- Axios 1.10.0
- CSS3
### Backend
- Node.js
- Express.js 5.1.0
- MongoDB with Mongoose 8.16.1
- JWT for authentication
- bcryptjs for password hashing
Instructions
1.Install backend dependencies
cd server
npm install
2. Install frontend dependencies
cd ../client
npm install
3. Environment Setup
Create a .env file in the server/ directory based on the provided .env.example file:
Update the .env file with your actual values:
MONGO_URI=your-mongodb-connection-string
JWT_SECRET=your-jwt-secret
PORT=5000
SENDGRID_API_KEY=your-sendgrid-api-key
[email protected]
FRONTEND_URL=http://localhost:3000
📧 Need help with SendGrid and MONGO_URI setup? See SENDGRID_SETUP.md & MONGODB_SETUP.txt (included in this repo).
4. Start the application
Start the backend:
cd server
npm start
Start the frontend:
cd ../client
npm start
Category | Scripts & Code / NodeJS |
First release | 9 July 2025 |
Last update | 9 July 2025 |
HTML/CSS Framework | Bootstrap |
Software framework | React |
Files included | .css, Javascript .js |
JavaScript Framework | Node.js |
Tags | web template |