Yogeshwari - Event Ticketing & Management Platform

Project Overview

Yogeshwari is a comprehensive, full-stack event ticketing and management platform designed for large-scale concert experiences. The platform provides end-to-end solutions including customer-facing ticketing, administrative management, and on-site check-in capabilities.

This project encompasses three interconnected applications working together to deliver a seamless event experience, handling everything from ticket sales to real-time check-in at the venue.

🏗️ System Architecture

The platform consists of three main applications:

• Web Client: Customer-facing ticketing platform for purchasing and managing tickets
• Admin Web UI: Comprehensive dashboard for event management, analytics, and operations
• Check-in Mobile App: Flutter-based app for on-site QR code scanning and validation

📱 Web Client Features

User Experience

• Multi-provider authentication (Email/Password + Google OAuth)
• OTP verification for email and contact number
• Interactive zone selection with visual seat maps
• Multi-ticket purchase with assignment options (Self, Adult, Child)
• QR code generation and PDF ticket download
• Coupon code validation and application

Immersive Design

• 3D Experience: React Three Fiber integration for pre-event engagement
• Retro Terminal Aesthetic: VT323 monospace font with signature green (#9FFF82) color scheme
• VHS-style Effects: Glowing borders, text shadows, and vintage animations
• Real-time countdown to event with immersive visuals

🖥️ Admin Dashboard

Real-time Analytics

• Order counts by status (Pending, Paid, Failed, Cancelled, Refunded)
• Ticket statistics by zone with visual charts
• Payment tracking and financial overview
• Check-in analytics and zone occupancy tracking

Management Features

• User Management: Role-based access control, admin creation, agent assignment
• Ticket Management: CRUD operations, reassignment tracking, QR validation
• Order Management: Bulk import via CSV, custom order creation, status tracking
• Coupon System: Bulk creation, usage tracking, notes management
• Zone Configuration: Multi-day event support (Nov 29 & 30), capacity management

📱 Flutter Check-in App

• Real-time QR code scanning with instant validation
• Visual indicators for ticket status (valid, used, invalid)
• Zone-specific check-in with duplicate prevention
• Statistics dashboard showing success/failure counts
• Complete check-in history with search functionality
• Secure JWT authentication with encrypted token storage
• Dual-environment builds (Production + Staging)

🔧 Technical Implementation

Frontend Stack

• React 19 with TypeScript for type-safe development
• Redux Toolkit + RTK Query for state management and data fetching
• React Three Fiber for 3D graphics and animations
• Framer Motion for smooth UI animations
• Tailwind CSS for responsive styling
• Vite 7 for fast builds and hot reload

Mobile Stack (Flutter)

• Flutter 3.10+ with Dart for cross-platform development
• Provider for state management
• Go Router for declarative navigation
• mobile_scanner for QR code scanning
• flutter_secure_storage for encrypted token storage

Backend Integration

• RESTful API with OpenAPI 3.1.0 specification
• JWT Bearer token authentication
• 40+ comprehensive API endpoints
• Queue management for high-traffic scenarios

🔐 Security Features

• JWT-based authentication with secure token storage
• Role-based access control (RBAC) with three user roles
• HTTP-only cookies for web applications
• OTP verification for sensitive operations
• Zone-based access restrictions for check-in agents

🚀 Deployment

• Web Apps: Vercel / Azure Static Web Apps
• Mobile: Google Play Store + Apple App Store
• API: Production and Staging environments
• Automated builds with GitHub Actions
• Environment-based configuration management

📊 Project Statistics

• 3 Applications: 2 Web + 1 Mobile
• 3 User Roles: Customer, Admin, Check-in Agent
• 40+ API Endpoints
• 2 Authentication Methods: Local + Google OAuth
• 2 Deployment Environments: Production + Staging

🎯 My Contributions

As part of the development team, I contributed to multiple aspects of this project:

• Built the customer-facing web client with React 19 and TypeScript
• Implemented the immersive 3D experience using React Three Fiber
• Developed the admin dashboard with comprehensive management features
• Created the Flutter mobile app for check-in operations
• Integrated Redux Toolkit and RTK Query for efficient state management
• Implemented real-time statistics and analytics dashboards
• Built the QR code generation and validation system

💡 Key Achievements

• Full-stack Implementation: Delivered end-to-end solution from customer-facing to administrative tools
• Multi-platform Delivery: Web + Mobile apps working seamlessly together
• Scalable Architecture: Queue management handling concurrent ticket sales
• Real-time Operations: Live statistics and check-in tracking for event day
• Production Deployment: Successfully deployed and used for actual concert events