DP
DHRUV PATEL
AI & DATA SCIENCE · GEC RAJKOT
STATUS
● ONLINE
DATE
VERSION
v 2.6
SYSTEM BOOT PROGRESS0%
INITIALIZING SYSTEMS...
PORTFOLIO v2.6
Back to Projects
Web DevelopmentFeatured Project

Gas Agency System

A modern, full-stack gas cylinder booking and management platform with UPI payments, quota enforcement, delivery tracking, inventory management, and a comprehensive admin dashboard.

Interactive Showcase Gallery (3 Slides)

Gas Agency System - Operations Portal
Slide 1 of 3

Operations Portal

Project Specifications

CategoryWeb Development
Statuscompleted
Author / ArchitectDhruv Patel

Ready to explore this project in action?

Check out the live interactive deployment or inspect the full source code on GitHub.

Technologies Used

Next.js 15TypeScriptPrisma ORMPostgreSQLNextAuth.jsZodReact Hook FormTailwind CSS 4Framer MotionNodemailerPuppeteerRailwayLucide ReactVercel

About The Project

The Gas Agency System is an enterprise-grade full-stack web platform that digitalizes the complete lifecycle of gas cylinder booking and delivery management. It mirrors a real-world government-compliant gas agency portal with strict quota enforcement (12 cylinders per year per user), UPI + Cash on Delivery payment flows, and a comprehensive admin backend.

The user-facing portal allows cylinder booking, UPI payment submission with admin approval, real-time delivery tracking with booking event logs, and receipt/invoice downloads. Users can view their full quota history and remaining allowance.

The admin dashboard provides analytics (revenue, bookings, deliveries, user stats), booking management (approve/reject), inventory management with batch tracking, stock reservation to prevent overbooking, delivery partner management with zone assignment, and a customer support contact system. PDF invoices are generated via Puppeteer.

The tech stack is Next.js 15 App Router with TypeScript (98.2% TypeScript codebase), Prisma ORM on PostgreSQL (Railway cloud), NextAuth.js for authentication, Zod for schema validation, React Hook Form, Framer Motion, and Nodemailer for email notifications. Setup scripts handle admin creation, password changes, and environment configuration interactively.

Key Features & Architecture Highlights

User cylinder booking with quota enforcement (12 cylinders/year per government policy)

UPI payment integration with admin review and approval workflow

Real-time delivery tracking with booking event history

Admin dashboard: analytics, booking management, inventory, delivery partners

Inventory management with batch tracking and stock reservation (no overbooking)

PDF invoice generation via Puppeteer for download and printing

Email notifications via Nodemailer for all booking and payment events

TypeScript-first codebase (98.2%) with Zod schema validation end-to-end

Interactive setup wizard and admin management scripts

Interested in building something extraordinary?

Whether you have an ambitious AI project, full-stack application, or collaboration in mind, I'd love to connect.