MotorPedia Classifieds: Used Car Marketplace (Web, iOS & Android)

MotorPedia Classifieds is a consumer marketplace for buying, selling and financing pre-owned cars. The same experience runs as a responsive, installable Next.js web app and as native Android and iOS apps built with React Native and Expo, sharing models, API services and validation logic. I built the mobile apps with React Native and Expo and the web frontend with Next.js and worked on the Node.js and Express.js REST APIs behind them.

Buying or selling a used car means comparing many listings, trusting the condition and price, arranging an inspection and handling loan and RTO paperwork. A classifieds marketplace has to make search and filtering fast at scale and let people move between web and app without starting over.

• Buying

  filter by brand, model, price band, fuel, transmission, body style and kilometres. Compare up to three cars on specs, mileage, price and inspection highlights. Browse galleries with 360° exterior views and defect overlays tied to the inspection report, and book a test drive with reminders.

• Browsing

  the home screen has deal banners and shortcuts for most discounted, trending, budget and newly added cars, a vehicle category picker (SUV, sedan, hatchback, MUV), search with filter chips, and a Filters and Sort bar. Each listing card shows kilometres, fuel, transmission, owner, price with the saving, location and a wishlist heart. A news section carries articles on buying, selling and owning a car.

• Selling

  a step-by-step valuation flow estimates a price range from registration year, variant, odometer and market trends. Owners then book a doorstep inspection and follow offers from verified dealers on a live offer tracker.

• Finance and paperwork

  an EMI calculator shows instalments, tenure and down payment based on partner lender terms, and milestone trackers cover RC transfer, hypothecation clearance and insurance endorsement.

• Contact

  one-tap WhatsApp and phone links connect buyers with relationship managers.

• The Next.js web app, installable as a PWA, and the mobile apps share typed models, API service layers and validation logic, with Redux Toolkit and a centralised Axios client managing state and requests.
• A service worker (Workbox) caches static assets, badges and search results so repeat visits load quickly. Universal links and app-install banners move web visitors into the app and keep their current search.
• Next.js renders listing pages on the server with clean meta tags and canonical URLs so shared links show rich previews on WhatsApp, Facebook and Twitter.
• The Node.js and Express.js backend serves listing, search and filtering endpoints.

• 1

  Heavy images

  vehicles can have 20+ HD photos, so the web serves WebP or AVIF with responsive sizes and blurhash placeholders to ease memory pressure.

• 2

  A long selling flow

  a form state machine keeps progress through vehicle selection, condition questions and address booking, so a refresh does not lose the user's answers.

• 3

  Shareable listings

  structured meta tags and canonical URLs give shared car links a clear preview with pricing.

• 4

  Speed at scale

  bundle size reduction, code splitting and backend query optimisation improved performance.

A live marketplace available as a web PWA and on both app stores, with shared code across channels, faster loading through bundle and query optimisation, and an end-to-end path from search to inspection, finance and paperwork.