Avatar

Daim Zahoor

Developer

Read Resume
thumbnail

IoT Smart Parking System

Next.jsTypeScriptTailwindSocket.IOWebSocketMongoDBJWTShadcn UIAzure VM

A modern web-based parking management system built with Next.js, Socket.IO, and WebSocket for real-time parking slot monitoring and booking. Features include live updates, interactive dashboard, and comprehensive slot management.

The IoT Smart Parking System is a comprehensive solution that combines IoT sensors, real-time monitoring, and user management to create an efficient parking management system. Built with Next.js 14 and TypeScript, it provides instant updates on parking slot availability and status changes through WebSocket technology. The system features a responsive design with Tailwind CSS and Shadcn UI components.

Key features include real-time parking slot monitoring, secure JWT-based user authentication, advanced slot booking and management, and automated status updates through IoT sensor integration. The platform supports interactive dashboard views, real-time notifications, and comprehensive vehicle tracking. The UI provides visual indicators for occupied/available slots, smooth animations, and a mobile-first responsive design.

The system architecture consists of IoT sensors connected via WebSocket for real-time status updates, a backend server handling business logic and data management hosted on Microsoft Azure VM, and client applications receiving real-time updates via Socket.IO. The project implements comprehensive logging, error handling, and security features including JWT authentication, password hashing, and CORS protection.

Live PreviewGithub
2025 — Built by Daim Zahoor