Detailing.fr mobile app

A detailer spends their days in the workshop, not at a computer. The app lets them do most of what the back office offers from their phone: add photos of a job, answer a message, update a price or moderate a review.

Designed for the thumb

Five tabs: Home, My site, Gallery, Messages, Profile. The gallery, the most frequent action, is the raised centre button: take a photo and it goes onto the site. Editing screens stack above the tabs, and every action gives haptic feedback.

What the app does

• Email sign-in, then Face ID; session kept, the pro's site found automatically.

• Home: site status, setup progress, stats, recent activity.

• Gallery and media library: camera, camera roll, direct upload.

• Services, prices, pages, blog, opening hours, socials, site appearance.

• Messages: contact requests and comments together, with an unread badge.

• Premium features detected through the plugins API, with an upgrade prompt.

A native design system

Over thirty custom components (buttons, cards, lists, sheets, progress ring, colour picker…) using Detailing.fr's colours and fonts. The app talks to the same database as the CMS, with the same tenant ID.

Method: one task at a time, TypeScript types green, test on a phone, then one commit per task.

Tools

React Native · Expo · Expo Router · TypeScript · NativeWind · Reanimated · Supabase