Major Project

Smart Parking Management System

In Progress

Overview

The Parking Management System (PMS) is a web-based application designed to streamline parking operations. It provides a digital interface for managing parking slots, tracking vehicle entries/exits, and visualizing revenue/occupancy data. The system currently supports Administrator and User roles, featuring a modern, dark-mode "Glassmorphism" UI.

Key Features

Authentication System: Built-in credential validation with simple session checks. Supports distinct Admin and User roles.

Administrator Portal: A real-time dashboard displaying total revenue, parking counts, and occupancy rates. Includes user management and a complete global parking history log.

User Portal: Allows users to view their personal parking history, manage their profile, and access premium membership benefits.

Core Logic: Powered by a vanilla JS DataStore class that manages slot availability (default 10 slots), tracks active vehicles, and archives session history using client-side storage.

Tech Stack

  • HTML5 - Structure & Semantic Markup
  • CSS3 - Glassmorphism, Variables, Dark Mode
  • JavaScript (ES6+) - Auth, Logic, LocalStorage
  • Node.js - Runtime Environment
  • Express.js - Backend Framework