🚗 ParkIt: Vehicle Parking System

A modern, multi-user web application for managing 4-wheeler parking lots, spots, and reservations. Built with Flask, Bootstrap 5, SQLite, and custom 3D CSS for a beautiful, immersive experience.

---

✨ Features

• Admin Panel

  • Add, view, and manage parking lots
  • Auto-create parking spots per lot
  • View/delete spots (only if available)
  • View occupied spot details
  • View all registered users
  • Visual summary charts (Chart.js)

• User Panel

  • Register/login securely
  • Book a parking spot (first available in chosen lot)
  • Release (vacate) a spot
  • View parking history
  • Personal summary charts (Chart.js)

• Design

  • Fully responsive, mobile-friendly
  • 3D CSS effects: cards, tables, buttons, forms, badges, and modals
  • Hero section with daily user stats
  • Modern gradients, shadows, and smooth transitions

---

🛠️ Tech Stack

• Backend: Flask, Flask-Login, Flask-WTF, Flask-SQLAlchemy
• Frontend: Jinja2, HTML, Bootstrap 5, Chart.js, custom CSS
• Database: SQLite

---

🚀 How to Run This Project

1. Clone the repository

   git clone <your-repo-url>
   cd <project-folder>

2. Install dependencies

   pip install -r requirements.txt

3. Run the app

   python app.py

4. Open in your browser

   • Visit http://localhost:5000

5. Login as Admin

   • Email: admin@admin.com
   • Password: admin

---

📁 Project Structure

├── app.py
├── models.py
├── forms.py
├── requirements.txt
├── static/
│   └── style.css
├── templates/
│   ├── base.html
│   ├── login.html
│   ├── register.html
│   ├── admin_dashboard.html
│   ├── user_dashboard.html
│   ├── add_parking_lot.html
│   ├── view_lot_spots.html
│   ├── spot_details.html
│   ├── book_spot.html
│   ├── admin_summary.html
│   ├── user_summary.html
│   └── ...
└── README.md

---

📝 What Was Done

• Designed and implemented all core features from the provided wireframe and requirements
• Used Flask for backend, Jinja2 for templating, and Bootstrap 5 for UI
• Added custom 3D CSS for cards, tables, buttons, forms, and more
• Integrated Chart.js for beautiful summary charts
• Ensured full mobile responsiveness and modern look
• Wrote clean, modular code for easy extension

---

💡 Credits

Created by Rohan Kumar.

---

Enjoy smart, stylish, and secure parking with ParkIt! 🚗