Student Details

-- Name: Vanika Dangi -- Roll Number: 23f1000071 -- Email: 23f1000071@ds.study.iitm.ac.in

About Me

I’m a passionate developer who enjoys building practical, real-world applications. I work mainly with Python, Flask, SQL, and JavaScript, and I love solving problems that involve backend logic, APIs, and data handling. I like learning by building — from dashboards and automation tools to full-stack projects. I’m always looking to improve my skills, explore new technologies, and work on projects that make life easier for people.

Project Title: Vehicle Parking Management System

A simple full-stack parking management system made using Flask (backend) and Vue 3 (frontend).

Users can book parking spots, view history, export CSV reports, and see monthly charts.

Admins can create/delete lots, view all users/bookings, and trigger background tasks.

Frameworks & Libraries Used

Backend

-- Flask – REST API framework -- Flask-SQLAlchemy – ORM -- SQLite – database -- Redis – caching + message broker -- Celery – async + scheduled tasks -- bcrypt – password hashing -- JWT – authentication -- SMTP (Gmail) – sending emails

Frontend

-- Vue.js (Vite) – app UI -- Bootstrap 5 – styling -- Chart.js – dashboard charts

Other

-- JSON, CSV writer, Python datetime utilities

Features

1. Database models for users, parking lots, spots, and reservations.
2. Flask APIs with complete validation and role-based access.
3. Admin Dashboard for managing lots and viewing analytics.
4. User Portal for booking, releasing, and tracking usage.
5. Integration of Redis caching for performance improvements.
6. Use of Celery workers + beat for async jobs and scheduled tasks.
7. Use of Gmail SMTP App Password for email notifications.

VECHILE PARKING APP PROJECT SETUP

Clone the repo

https://github.com/vanika02/vehicle-parking-app.git

Navigate to the poject

cd vehicle-parking-app

How to run the backend

1. Activate the virtual environment

source venv/bin/activate

2. step is to change the directory to backend

cd backend

3. Activate the virtual environment

source venv/bin/activate

4 . run this following command

flask --app wsgi.py run

3. stop the running program by using the following command

ctrl+c

Starting frontend

1. Activate the virtual environment

source venv/bin/activate

2. change to frontend

cd frontend

3. run the frontend

npm run dev

Starting Celery worker

1. Activate the virtual environment

source venv/bin/activate

2. step is to change the directory to backend

cd backend

3. Activate the virtual environment

source venv/bin/activate

4 . run this following command

celery -A celery_worker.celery worker --loglevel=info

Starting Celery Beat (Scheduler)

1. Activate the virtual environment

source venv/bin/activate

2. step is to change the directory to backend

cd backend

3. Activate the virtual environment

source venv/bin/activate

4 . run this following command

celery -A celery_worker.celery beat --loglevel=info

Project Structure (short version)

vehicle-parking-app/ │ ├── backend/ │ ├── app/ │ ├── instance/ │ ├── celery_worker.py │ ├── requirements.txt │ └── wsgi.py │ └── frontend/ ├── src/ ├── public/ └── vite.config.js