Cartopia
Car marketplace front end built from design comps, with discovery, search and car detail pages
A car shopping front end taken from the designer's comps to a production-grade React codebase, running against a mock API that can be swapped for a real one by changing one URL.
The problem
The design existed only as static comps for the landing page, listing steps and car detail views.
What I built
React 19 with strict TypeScript, file-based routes and code splitting, Tailwind v4 design tokens matched to the comps, and typed forms. Accessibility is checked in the unit tests.
Results
- Every screen from the comps implemented, with accessibility assertions in the test suite.
Features
- Landing page with featured cars
- Discover page with search and filters
- Car detail page
- Authenticated dashboard route
- Typed search form with react-hook-form and Zod
Related projects
Web apps2026Hotel direct-booking system
Independent hotels
A booking engine a hotel runs on its own domain, with room availability, promo codes and Stripe payments
Solo buildNestJSMikroORMPostgreSQL+9
Web apps2026Addis Invest Consult
Sunflower Solutions, Addis Ababa
Site that walks foreign investors and the diaspora through registering a company in Ethiopia
Solo buildNext.jsReactTailwind CSS+7
Web apps2025–2026Shair
Hair consultation platform where a guided quiz builds a profile customers share with their salon
Solo buildReactViteTanStack Router+13