MotoGuard Rental App

Project Summary

MotoGuard is a full-featured, cross-platform application designed to connect scooter owners (Hosts) with renters (Riders) in a secure and seamless marketplace. Built with a mobile-first approach using React and Capacitor, the platform provides a complete ecosystem for rentals, including advanced search, secure payments, in-app messaging, and a unique, evidence-based digital handover process that protects both parties.

Key Features for Riders

• Advanced Search & Discovery: Find scooters by location, date, and keywords with advanced filters for engine size, transmission, and more. Explore listings on an interactive map or as a list.
• Secure Booking & Payments: Seamlessly book and pay for rentals using Stripe, with support for long-term discounts and optional add-ons.
• Digital Handover: Complete a guided, photo-based vehicle inspection at pickup and return, all within the app, ensuring a transparent record of the scooter's condition.
• In-App Communication: Chat directly with hosts regarding booking details.
• Profile & Verification: A straightforward process for identity and license verification to build a trusted community.

Key Features for Hosts

• Comprehensive Dashboard: Track earnings, view performance metrics, and manage upcoming bookings at a glance.
• Fleet & Availability Management: Easily add/edit listings, manage vehicle availability with a calendar, and view a complete logbook for each scooter.
• Secure Payouts: Onboard with Stripe Connect for automated, secure payouts directly to your bank account.
• Dispute Resolution: A built-in system for managing security deposits and resolving issues using the evidence captured during the digital handover.

Admin & Agent Portals

• Admin Panel: A full administrative backend to manage users, review host and rider verification applications, and mediate disputes.
• Agent Dashboard: A dedicated interface for delivery agents to manage their pickup and return tasks.

Technology Stack

• Frontend: React, TypeScript, Vite, Tailwind CSS, shadcn/ui
• Backend & Database: Supabase (PostgreSQL, Auth, Storage, Edge Functions)
• Payments: Stripe (Connect, Payment Intents, Setup Intents)
• Mobile: Capacitor for native iOS and Android builds
• State Management: Zustand & TanStack Query (React Query)
• Mapping: Mapbox
• Internationalization: i18next supporting English, German, and Thai.