College Project Documentation

Fake Uber College Project

Ride Booking Simulation App

A Hybrid Mobile Application for Android & iOS

Built with React, Capacitor, and Motoko on Internet Computer

Submitted for Academic Evaluation

Educational Purpose Only - No Real Transactions

© 2025. Built with love using [Link]

1 of 19
2 of 19
Table of Contents

1. Project Overview & Objectives 3

2. Key Features 4

2.1 Fake Booking System 4

2.2 Dummy Payment & COD 5

2.3 Car Gallery 6

3. Technical Architecture 7

3.1 Frontend (React + Capacitor) 7

3.2 Backend (Motoko on IC) 8

4. API Documentation Summary 9

5. Mobile App Conversion via Capacitor 10

5.1 Android Build Instructions 11

5.2 iOS Build Instructions 12

6. Security & Compliance 13

7. Screenshots 14

8. Conclusion and Future Enhancements 15

3 of 19
1. Project Overview & Objectives

Project Overview

This project presents a comprehensive fake Uber-style ride-hailing system built as a hybrid
mobile application using Capacitor for both Android and iOS platforms. The platform enables
users to simulate ride bookings, track fake rides, and process mock payments through an
intuitive mobile interface.

Built using React frontend with Capacitor integration and Motoko backend on Internet
Computer, the system demonstrates proficiency in hybrid mobile app development, blockchain
deployment, and cross-platform mobile solutions for educational purposes. This is a safe,
simulated environment designed specifically for college demonstration and learning.

Educational Purpose Simulated Data No Real Transactions College Project

Project Objectives

Ride Simulation

Demonstrate complete ride-hailing workflow including booking, driver matching, ride tracking,
and completion using simulated data and fake driver profiles.

Fake Booking & Payment

Implement mock payment processing with multiple payment methods (dummy online payment,
cash on delivery) to demonstrate payment flow without real transactions.

Car Listing Gallery

4 of 19
Showcase vehicle categories with detailed specifications, pricing, and images organized by
type (Sedan, SUV) with mobile-optimized touch-friendly interface.

Mobile-Ready Hybrid Setup

Convert web application to native mobile apps for Android and iOS using Capacitor, with proper
app identity, splash screens, icons, and APK/IPA build processes.

5 of 19
2. Key Features

2.1 Fake Booking System

Booking Status States

Ride progression through simulated states

Initial state when user creates a booking, awaiting admin approval or payment
#pending
confirmation

#confirmed Booking approved by admin or payment completed, ride is scheduled

#cancelled Booking cancelled by user or rejected by admin

#completed Ride finished successfully, payment processed

2.2 Dummy Payment & COD Option

Dummy Online Payment

Simulated payment processing

Mock payment method that simulates online payment processing without real transactions.

#pending Payment initiated, processing

#confirmed Payment successful, booking confirmed

#failed Payment declined, booking remains pending

Cash on Delivery (COD)

6 of 19
 Offline payment option

Traditional payment method where payment is collected in person, requiring admin

confirmation.

#pending Awaiting cash collection

#completed Cash received, confirmed by admin

2.3 Car Gallery with Sedan and SUV

Sedan Category - Swift Dzire

Compact sedan with excellent fuel efficiency

Swift Dzire Variants

Price: ₹1,800/day
Year: 2023
Seating: 5 passengers
Variants: LXI, VXI, ZXI, ZXI+ AT

SUV Category - Mahindra Scorpio

Rugged SUV with powerful performance

Mahindra Scorpio Variants

Price: ₹3,500/day
Year: 2023
Seating: 7 passengers
Variants: S3, S5, S7, S11

7 of 19
3. Technical Architecture

3.1 Frontend (React + Capacitor)

React Frontend with Capacitor Integration

The frontend is built with React and TypeScript, providing a modern, component-based
architecture. Capacitor bridges the web application with native mobile capabilities.

React Components: Modular UI components for ride booking, vehicle browsing, and user
profiles

TailwindCSS: Utility-first CSS framework for responsive, mobile-first design

Capacitor Integration: Hybrid framework enabling native mobile features (camera, GPS,
notifications)

TanStack Router: Client-side routing for seamless navigation

React Query: Data fetching and state management for backend communication

3.2 Backend (Motoko on Internet Computer)

Motoko Backend Logic

The backend is implemented in Motoko and deployed on the Internet Computer blockchain,
providing decentralized data storage and business logic.

Role-Based Access Control: User, admin, and guest roles with permission management

Booking Management: Create, approve, reject, and cancel ride bookings with status tracking

Payment Processing: Dummy payment simulation and COD (Cash on Delivery) handling

Vehicle Management: CRUD operations for vehicle fleet (immutable after deployment)

Analytics: Revenue tracking, booking trends, and vehicle popularity metrics

8 of 19
4. API Documentation Summary

Backend API Endpoints

Key endpoints for ride-hailing operations

POST createBooking

Create a new ride booking with vehicle selection, dates, and payment method

GET getUserBookings

Retrieve all bookings for a specific user with status and payment information

POST simulateDummyPayment

Simulate online payment processing with random success/failure outcomes

POST confirmCODPayment

Admin endpoint to confirm cash on delivery payment receipt

GET getAvailableVehicles

Retrieve list of all available vehicles with specifications and pricing

GET getAnalytics

Admin endpoint for revenue metrics, booking trends, and vehicle popularity

Data Structures

Booking

Contains booking ID, user ID, vehicle ID, dates, status, total price, payment status, and payment method

Vehicle

9 of 19
Contains vehicle ID, make, model, year, type, description, pricing per day, images, and availability dates

UserProfile

Contains user ID, full name, email, phone number, address, driver's license, and verification status

10 of 19
5. Mobile App Conversion via Capacitor

Capacitor Integration Overview

Capacitor is a cross-platform native runtime that bridges web applications with native mobile
capabilities. It allows the React application to run inside a native WebView while accessing
device features.

App ID App Name

[Link] Fake Uber

5.1 Android Build Instructions

APK Generation Process

1. Install prerequisites: [Link], npm, Android Studio, JDK 11+

2. Initialize Capacitor: npm install @capacitor/core @capacitor/cli
3. Add Android platform: npx cap add android

4. Build web assets: npm run build

5. Sync to Android: npx cap sync android

6. Open in Android Studio: npx cap open android

7. Configure signing in Android Studio (Build → Generate Signed Bundle/APK)

8. Build APK: Build → Build Bundle(s)/APK(s) → Build APK(s)

9. Locate APK in android/app/build/outputs/apk/
10. Test on device or emulator before distribution

5.2 iOS Build Instructions

IPA Generation Process (requires macOS)

11 of 19
1. Install prerequisites: Xcode, CocoaPods, Apple Developer account
2. Add iOS platform: npx cap add ios
3. Build web assets: npm run build

4. Sync to iOS: npx cap sync ios

5. Open in Xcode: npx cap open ios

6. Configure signing & capabilities in Xcode project settings

7. Select target device or simulator

8. Build IPA: Product → Archive → Distribute App

9. Choose distribution method (App Store, Ad Hoc, Enterprise)
10. Submit to App Store Connect for review

12 of 19
6. Security & Compliance

Educational Purpose Disclaimer

IMPORTANT: This application is designed exclusively for educational and demonstration

purposes. All data, transactions, and interactions are simulated and do not involve real-world
consequences.

No real financial transactions are processed

All driver profiles and ride data are fake/simulated

Payment processing is mocked for learning purposes only

No actual ride-hailing services are provided

Suitable for college projects and educational demonstrations only

GDPR Compliance (Stub)

As an educational project with simulated data, GDPR considerations include:

Right to access: Users can view their profile data
Right to erasure: Data can be deleted upon request
Data minimization: Only essential data collected
Purpose limitation: Data used only for demonstration
Transparency: Clear indication of simulated nature

CCPA Compliance (Stub)

California Consumer Privacy Act considerations for educational use:

Right to know: Users informed about data collection
Right to delete: Users can request data deletion
Right to opt-out: No data selling occurs
Non-discrimination: Equal service for all users
Privacy notice: Clear educational purpose stated

13 of 19
Authentication & Privacy

Internet Identity: Blockchain-based authentication without passwords

Role-Based Access: Users assigned roles (guest, user, admin) with appropriate permissions

Session Management: Secure session handling with automatic expiration

No Real Credentials: No storage of sensitive personal information or payment details

Data Isolation: Each user's data is isolated and accessible only to authorized roles

14 of 19
7. Screenshots

Car Gallery - Sedan Category

Swift Dzire variants with pricing and specifications

Screenshot: Car Gallery - Sedan Section

Gallery displays Swift Dzire variants (LXI, VXI, ZXI, ZXI+ AT) with ₹1,800/day pricing

Car Gallery - SUV Category

Mahindra Scorpio variants with pricing and specifications

Screenshot: Car Gallery - SUV Section

15 of 19
Gallery displays Mahindra Scorpio variants (S3, S5, S7, S11) with ₹3,500/day pricing

Booking Interface
Ride booking form with payment method selection

Screenshot: Booking Interface

Interface shows vehicle selection, date picker, and payment method options (Dummy/COD)

Mobile App Icon & Splash Screen

Custom branding for mobile deployment

App Icon
512x512px

16 of 19
Splash Screen
1080x1920px

17 of 19
8. Conclusion and Future Enhancements

Project Summary

The Fake Uber Ride-Hailing System successfully demonstrates comprehensive hybrid mobile
application development capabilities while providing a safe, educational environment for
learning ride-hailing app concepts. This project showcases proficiency in modern hybrid app
development, native mobile integration, blockchain deployment, and professional mobile app
architecture suitable for college-level demonstration and learning.

The application provides realistic ride-hailing simulation features, including a comprehensive

car gallery with categorized vehicles (Swift Dzire sedans and Mahindra Scorpio SUVs), multiple
payment methods (dummy online payment and cash on delivery), and complete booking
management workflows. All features are implemented with clear educational boundaries
through the use of fake data and mock services.

Key Achievements

Cross-Platform Development: Successfully converted web application to native Android and

iOS apps using Capacitor

Blockchain Integration: Deployed backend on Internet Computer for decentralized data

management
Complete User Journey: Implemented end-to-end ride booking flow from vehicle selection to
payment
Role-Based Access Control: Comprehensive permission system for users, admins, and
guests

Mobile-First Design: Touch-optimized interface following mobile UI/UX best practices

Educational Safety: Clear simulation boundaries with no real-world financial or legal

implications

Future Enhancements

18 of 19
 Real-Time Tracking: Implement live GPS tracking simulation with animated map markers

Push Notifications: Add native push notifications for booking updates and ride status
changes

Rating System: Implement driver and ride rating functionality with review comments

Multi-Language Support: Add internationalization for multiple language support

Advanced Analytics: Enhanced admin dashboard with charts and detailed reporting

Ride Sharing: Implement carpooling features for shared rides

Promo Codes: Add discount code system for promotional campaigns

Driver App: Separate driver-facing application for ride management

Educational Value Statement

This project serves as an ideal educational tool for studying mobile app development and
transportation technology concepts in a controlled, academic setting. The hybrid mobile
application demonstrates how modern web technologies can be leveraged to create native
mobile experiences while maintaining a single codebase.

The complete documentation package, mobile conversion guide, and technical implementation
demonstrate a thorough understanding of modern mobile development practices, making this
project suitable for college submission and academic evaluation. The emphasis on simulated
data and mock services ensures that students can learn and experiment without any real-world
risks or consequences.

Final Disclaimer:

This is a safe, simulated, educational model for college demonstration only. No real ride-hailing services
are provided, no actual financial transactions occur, and all data is fake. This project is intended solely for
educational purposes and should not be used for commercial ride-hailing operations.

© 2025. Built with love using [Link]

College Project Documentation - Educational Purpose Only

End of Document

19 of 19