Moha Motors

A car-dealership marketplace where visitors browse and save vehicles and send enquiries, backed by an admin dashboard for managing inventory.

Visit live site

Architecture

Frontend

ReactTypeScriptViteTanStack QueryReact RouterAxiosSonnerFramer MotionTailwind CSS

–

React + TypeScript SPA on Vite, with React Router serving both the public storefront and a separate admin area.

–

TanStack Query for server-state caching and data fetching, backed by dedicated public and admin Axios instances with request/response interceptors.

–

Loading states via purpose-built skeleton components (inventory, car detail, contact, admin) and success/error feedback through Sonner toasts.

–

Protected admin routes guarding the dashboard; filterable inventory browser, device-persisted saved vehicles, and WhatsApp / contact-form enquiry flows.

–

Framer Motion reveal animations for a responsive, polished experience across devices.

Backend

FastAPIPythonREST /api/v1JWT (cookie auth)RedisSwagger / OpenAPI

–

Python FastAPI REST API, versioned under /api/v1 with a dedicated /admin namespace, exposing auto-generated Swagger / OpenAPI documentation.

–

Cookie-based authentication with JWT securing the admin surface.

–

Redis for caching and session support; relational data managed in Cloud SQL.

Deployment

Dockerdocker-composeGitLab CI/CDGCPGCP Cloud SQLCloudflare R2Netlify

–

Containerised with docker-compose and shipped through GitLab CI/CD pipelines.

–

Hosted on GCP with Cloud SQL as the managed database and Cloudflare R2 for object storage.

–

Frontend deployed on Netlify.

Screenshots