Parking Lot System – Workflow
Parking Lot System – Workflow
This SVG diagram is embedded directly in the HTML and shows the flow across React (Frontend), Django REST API (Backend), and MySQL/MongoDB (Database), including user roles and core processes.
Frontend (React)
Backend (Django REST API)
Database (MySQL or MongoDB)
User roles
• Admin
• Attendant
• Customer
React App
Routing, RBAC, Forms, State
Vehicle Entry
Create ParkingSession
Parking Management
Lots, Zones, Pricing
Vehicle Exit
Fee calculation
Process Payment
Record transaction
Generate Report
Occupancy, Revenue, Peaks
Django + DRF
Auth (JWT), Permissions, Validation
Celery (tasks), Rate limiting
Sessions API
Entry/Exit, Fee calc
Lots & Zones API
Capacity, Vehicle types
Pricing Rules API
Base, Hourly, Caps
Reservations API
Capacity window, Expiry
Payments API
Methods, Status, Ref
Reports API
Occupancy, Revenue, Peaks
Entities
ParkingLot, Zone, PricingRule
Vehicle, ParkingSession, Reservation
Payments
Transactions, Status
Users
Auth, Roles (RBAC)
Audit Logs
Changes, Timestamps
Indexes
Plate, Ticket, Time ranges
Solid arrows: write/command flows; dashed arrows: reads/queries.
JWT auth between React and Django; RBAC enforced in backend.
Choose MySQL for relational reporting; MongoDB for flexible documents.
Comments
Post a Comment