Case Study — Mobile App

ASKCAR

A premium car marketplace app built in React Native. Browse 100+ listings, filter by make, year, and body type, save favourites to a wishlist, and get full specs on every vehicle.

React Native JSON Data Layer Search & Filter Wishlist Dark UI iOS
100+
Car Listings
6+
Filter Options
11
Screens
ASKCAR Home
ASKCAR Detail
Scroll
Powered by a Local JSON File — no backend needed Search is Live & Instant — filters as you type Wishlist is State Managed — across the full session Built with React Native — runs natively on iOS 100+ Cars — all driven from a single JSON file Try it live on your phone via Expo Go Powered by a Local JSON File — no backend needed Search is Live & Instant — filters as you type Wishlist is State Managed — across the full session Built with React Native — runs natively on iOS 100+ Cars — all driven from a single JSON file Try it live on your phone via Expo Go
What's inside

Built to
impress.

Live Search
Instant filtering by make, model, or year as you type. Results count updates in real time.
Advanced Filters
Sort by newest, oldest, price, or mileage. Filter by make, body type, and year range.
Wishlist
Tap the heart to save any car. Bottom sheet shows saved cars with thumbnails and a live badge.
Car Detail Page
Full-bleed hero image, power / mileage / engine stats, complete specs table, and an Enquire CTA.
JSON Data Layer
All 100+ cars in a structured JSON file. No backend, no API — clean data driving the entire UI.
Premium Dark UI
Pure black background, full-bleed imagery, and bold typography give the app a luxury feel.
In action

See it
running.

Watch the full walkthrough — live search, filter sheet, car detail pages, and the wishlist flow, all running on a real device.

Everything you see is driven purely from a local JSON file with no network requests at all.

Try it yourself

Hands-on
with Expo Go.

Scan the QR code or tap the button to open the live app directly on your phone using Expo Go. No install required beyond the Expo Go app itself.

Open in Expo Go
QR code — scan to open in Expo Go
Scan with
Expo Go
All Screens

Every view,
considered.

Home
Home
Menu
Menu
Search
Search
Filter
Filter & Sort
Filtered Results
Filtered Results
Car Detail
Car Detail
Favourited
Favourited
Taycan Detail
Taycan Detail
Taycan Saved
Taycan Saved
Wishlist
Wishlist
Wishlist Full
Wishlist Full
Under the hood
React NativeFramework
JSON (local data)Data Layer
useState / useEffectState
FlatListPerformance
React NavigationRouting
StyleSheet APIStyling
Expo GoDistribution
iOSPlatform

Built from scratch.
No shortcuts.

The entire app is driven by a hand-crafted JSON dataset. Every piece of the UI — search, filtering, sorting, detail pages — reads directly from that data with no external API calls.

State management is handled with native React hooks, keeping the architecture clean and lightweight. The result is a fast, responsive experience that feels native on iOS.

This project demonstrates a complete understanding of component architecture, data flow, and crafting a polished mobile UI from the ground up.