Skip to content

Repository files navigation

🚗 Cars Doctor

Modern Car Service Booking Platform

A modern and responsive car service booking web application where users can explore automotive services, securely authenticate, and book appointments with ease.


🌐 Live Website

🔗 https://my-car-doctor-aeb41.web.app/


📖 About

Cars Doctor is a full-stack MERN web application designed to simplify car maintenance and repair service booking. Users can browse available services, authenticate securely, book appointments, manage bookings, and enjoy a clean, responsive interface.


✨ Key Features

  • 🔐 Firebase Authentication
  • 🔑 Secure Login & Registration
  • 🚗 Browse Car Services
  • 📅 Book Service Appointments
  • 📝 Manage Orders
  • ✏️ Update Booking Status
  • 🗑 Delete Bookings
  • 📱 Fully Responsive Design
  • ⚡ Fast Loading Experience
  • 🔒 Protected Private Routes

🛠 Tech Stack

Frontend

  • React.js
  • React Router
  • Tailwind CSS
  • DaisyUI
  • Axios
  • React Icons

Backend

  • Node.js
  • Express.js

Database

  • MongoDB

Authentication

  • Firebase Authentication
  • JWT

📂 Folder Structure

src
│
├── assets
├── components
├── layouts
├── pages
├── routes
├── hooks
├── providers
├── services
└── main.jsx

🚀 Getting Started

Clone the repository

git clone https://github.com/najatul6/cars-doctor-client.git

Move into the project

cd cars-doctor-client

Install dependencies

npm install

Start development server

npm run dev

🔑 Environment Variables

Create a .env.local file and add:

VITE_API_URL=your_server_url

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

💻 Available Scripts

npm run dev

Run development server

npm run build

Build production

npm run preview

Preview production build


🎯 Future Improvements

  • 💳 Online Payment Integration
  • 📧 Email Notifications
  • ⭐ User Reviews & Ratings
  • 📱 Progressive Web App (PWA)
  • 🌙 Dark Mode
  • 📊 Admin Dashboard Analytics

👨‍💻 Developer

Md Najatul Islam

Full Stack Web Developer

🌐 Live Portfolio

📧 Email

💼 LinkedIn

🐙 GitHub


⭐ Support

If you like this project, don't forget to ⭐ the repository.


Thanks for visiting ❤️

Made with React, Firebase, Express & MongoDB