EazyParking: Parking Management System

A modern full-stack web application for efficient vehicle parking slot booking and management. EazyParking offers a clean and responsive frontend built with React and TypeScript, backed by RESTful APIs in Node.js and Express.

🔗 Live Demo: Eazyparking

---

📋 Table of Contents

• EazyParking: Parking Management System
  • 📋 Table of Contents
  • 🚀 Features
  • ⚙️ Tech Stack
    • Frontend
    • Backend
    • Dev Tools
  • 📸 Screenshots
  • 🛠️ Installation
    • Clone the Repo
    • 1️⃣ Backend Setup
    • 2️⃣ Frontend Setup
  • 🧾 Environment Variables
  • 🗃️ Database Schema
  • 📁 Project Structure
  • 🔮 Future Improvements
  • 📄 License

---

🚀 Features

• 🔐 JWT-based User Authentication & Authorization
• 👤 Role-specific dashboards for Users and Admins
• 📅 Real-time parking slot availability checks
• 🧾 Booking management with dynamic forms
• 📊 Admin analytics for slots and booking data
• 🧩 RESTful API architecture
• 🧼 Clean UI with responsive design

---

⚙️ Tech Stack

Frontend

• React
• TypeScript
• React Router
• Axios
• Tailwind CSS (if used)

Backend

• Node.js
• Express.js
• MySQL
• JWT for Authentication
• bcrypt for Password Hashing

Dev Tools

• Git & GitHub
• Postman for API testing
• Koyeb for deployment

---

📸 Screenshots

(Add actual screenshots or GIFs to improve clarity)

User Dashboard	Admin Panel

---

🛠️ Installation

Clone the Repo

git clone https://github.com/latelateef/Vehicle-Parking-Booking-System-SE-Project-.git
cd Vehicle-Parking-Booking-System-SE-Project-

---

1️⃣ Backend Setup

cd backend
npm install

Create a .env file:

PORT=5000
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=your_password
DB_NAME=eazyparking
JWT_SECRET=your_jwt_secret

Run the server:

npm run dev

---

2️⃣ Frontend Setup

cd frontend
npm install
npm run dev

---

🧾 Environment Variables

Make sure your .env file in the backend contains:

PORT=5000
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=your_password
DB_NAME=eazyparking
JWT_SECRET=your_jwt_secret

---

🗃️ Database Schema

Key tables:

• users: user info (role, email, password)
• slots: parking slots with status (available/booked)
• bookings: reservation data (slot ID, user ID, timestamp)
• admins: admin accounts
• payments: (optional, if Razorpay integration is added later)

SQL dump can be found in backend/database/schema.sql.

---

📁 Project Structure

Vehicle-Parking-Booking-System/
├── backend/
│   ├── controllers/
│   ├── routes/
│   ├── middleware/
│   ├── models/
│   ├── database/
│   └── server.ts
├── frontend/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── services/
│   │   └── App.tsx
├── README.md

---

🔮 Future Improvements

• 🔄 Real-time booking updates with WebSockets
• 📍 Google Maps API for geo-location based parking
• 💳 Razorpay / Stripe payment gateway integration
• 🧾 Email and SMS confirmations
• 📱 PWA capabilities

---

📄 License

This project is licensed under the MIT License.