Tripvora Documentation

    A mobile-first road trip planner that turns any A-to-B route into a realistic, cost-aware, day-by-day itinerary with Google Maps integration and AI-powered stop suggestions.

    Current Status

    Phase 1 complete. Hero landing, 4-step setup wizard, Google Maps with Places autocomplete, add/remove stops, itinerary management. Next up: authentication, persistence, and real route distances.

    Documentation Pages

    Architecture

    Tech stack, folder structure, frontend-backend connection, database schema.

    Components

    All major components, their responsibilities, props, and usage.

    Data Flow

    How data moves from user input through UI, API, and database.

    API

    Edge functions, endpoints, inputs, outputs, and example usage.

    Dependencies

    Third-party services and libraries, why they exist, and what breaks without them.

    Quick Reference

    LayerTechnology
    FrontendReact 18, TypeScript, Vite, Tailwind CSS, shadcn/ui
    AnimationFramer Motion
    MapsGoogle Maps JS API, Google Places API
    BackendLovable Cloud (Edge Functions, Database, Auth, Storage)
    AILovable AI Gateway (Gemini / GPT models)
    StateReact state + TanStack Query (planned for server state)