ParkMoneyger System

A comprehensive parking management system built with React and Django REST Framework

Fullstack Solution

Our final project for the Emerging Technologies course at TIPM. A comprehensive parking management system featuring customer registration, clerk operations, and admin dashboard with mobile-responsive design.

Experience & Demo

Explore the live application and watch the system in action

Experience the System

Live Demo

Experience the full ParkMoneyger system in action. See customer management, clerk operations, and admin dashboard functionality.

Visit Application

Source Code

Clone the repository to explore the React frontend and Django REST Framework backend implementation.

See It In Action

System Overview Demonstration

Complete workflow from customer registration to parking management

Features & Technology Stack

Complete parking management system with modern tech implementation

Features

Authentication System

Role-based access control (Admin, Clerk, Customer)

Simple token-based authentication

Google OAuth integration

Parking Management

240 parking slots (4 floors × 2 sections × 30 slots)

Real-time slot status tracking

Different slot types: Regular, VIP, Disabled

Automated slot assignment and checkout

Payment System

Multiple payment methods (Cash, GCash)

Automatic fee calculation based on slot type and duration

Receipt generation and tracking

Hourly rates: Regular (₱50), VIP (₱100), Disabled (₱25)

Technology Stack

Backend

Framework: Django REST Framework

Database: SQLite (Development) / PostgreSQL (Production)

Authentication: Token-based authentication

SMS Service: TextBee API

API Style: RESTful with ViewSets

Frontend

Framework: React 19.1.0

Routing: React Router

Styling: CSS3 with responsive design

State Management: Context API

HTTP Client: Axios

Reservation System

OTP-verified reservations via SMS

TextBee SMS integration

Reservation approval workflow

Real-time status updates

Admin Dashboard

System statistics and analytics

User management

Payment reports

Slot utilization tracking

User Interfaces

Role-specific dashboards for streamlined operations

Customer View

Registration, booking, and payment management

Clerk Dashboard

Daily operations and customer assistance

Admin Panel

System analytics and user management

Mobile Optimized

Built with mobile-first principles ensuring seamless functionality across all devices with responsive design that adapts to different screen sizes.

Touch-optimized UI

Responsive layouts

Fast loading times

Cross-platform support

Academic Excellence

Final project for Emerging Technologies course at TIPM

Team Collaboration

TIPM team development with agile methodologies

Production Ready

Deployed on Netlify with CI/CD pipeline

Enterprise Features

Complete authentication and business logic