A beautifully designed, fully responsive parking management system with real-time slot tracking, live status indicators, dark/light mode, and a professional design system.
- 🟢 Live slot availability with animated pulse indicators
- 🌙 Dark / Light mode toggle with smooth transitions
- 📊 Dashboard analytics — occupancy rates, revenue, peak hours
- 📱 Fully responsive — works on desktop, tablet, and mobile
- 🎨 Custom design system — CSS variables, consistent color tokens
- ♿ Accessible UI — semantic HTML, keyboard-navigable
Built with a custom CSS variable system:
--acc: #1e4d8c /* Primary blue */
--green: #1a6b3c /* Available slots */
--red: #b8000f /* Occupied / error */
--amb: #92600a /* Warning / reserved */Typography: Instrument Serif (headings) + DM Sans (body)
| Technology | Usage |
|---|---|
| HTML5 | Semantic structure |
| CSS3 (Custom Design System) | Theming, layout, animations |
| JavaScript (Vanilla) | Interactivity, dark mode, live updates |
| Google Fonts | Instrument Serif + DM Sans |
git clone https://github.com/Prabhas125/SmartPark-Pro.git
cd SmartPark-Pro
# Open smartparkpro_enhanced.html in any browserNo dependencies. No build step. Pure HTML/CSS/JS.
MIT License