A full-stack web application for managing parking facilities with real-time space monitoring, automated billing, and role-based access control.
This system provides a complete digital solution for parking facility management, featuring:
- Real-time parking space monitoring - Track available, occupied, and maintenance spaces
- Automated entry/exit management - Quick vehicle check-in and check-out with automated billing
- Role-based dashboards - Separate interfaces for Admins, Staff, and Customers
- Smart billing system - Automatic fee calculation based on parking duration
- Transaction history - Complete record of all parking sessions and revenue
Frontend:
- HTML5, Tailwind CSS, JavaScript
Backend:
- Node.js, Express.js
Database:
- MongoDB
Authentication:
- JWT (JSON Web Tokens)
Before you begin, ensure you have the following installed:
git clone <repository-url>
cd parking-management-systemnpm installThis will install all required packages:
- express
- mongoose
- dotenv
- bcryptjs
- jsonwebtoken
- cors
- body-parser
Create a .env file in the root directory:
MONGODB_URI=mongodb://localhost:27017/parking-system
PORT=5000
JWT_SECRET=ParkingSystem@SecureKey#2025!ManagementEnsure MongoDB is running on your system
Backend:
npm run devThe server will start at http://localhost:5000
Frontend:
- Open
frontend/login.htmlin your browser, or - Use VS Code Live Server extension (recommended)
-
Start the backend server (must be running for the application to work)
npm run dev
-
Open the frontend in your browser (via Live Server or directly)
-
Create an Admin account:
- Go to Register page
- Fill in details and select "Admin" role
- Login with admin credentials
-
Add parking spaces:
- Login as Admin
- Go to "Parking Spaces" tab
- Click "Add Space"
- Create spaces (e.g., A01, A02, EV01, H01)
This project is created for educational purposes.