all projects

Down 2 Detail

auto detailing · web platform

industry / sectorAuto detailing, Montreal
project typeclient project
technologies & stack
ReactViteFirebase (Firestore, Auth, Hosting)ResendTelegram Bot APIGA4Stape.io
01 / brief

the problem

D2D was running entirely on phone calls and Instagram DMs. Every booking meant a back and forth conversation to figure out the service, the date, and the time, then the owner had to remember to check his phone all day so he wouldn't miss a message. Montreal is a bilingual market too, so the business was losing French-speaking customers who landed on an English-only page and left.

02 / execution

what we built

We built the platform on React with Vite for the frontend, and used Firebase for everything on the backend: Firestore for the database, Firebase Auth for the admin login, and Firebase Hosting for deployment. We picked Firebase specifically because the project didn't need a dedicated backend server. It let us move fast without setting up and maintaining separate infrastructure.

The site is fully bilingual. Customers can switch between English and French anywhere on the site, and the entire booking flow, service descriptions, and confirmation emails follow the language they picked.

The booking flow itself: a customer picks a service, sees available time slots, fills in their details, and confirms. Firestore stores the booking in real time. From there two things fire automatically. A confirmation email goes out through Resend, styled to match the brand instead of looking like a generic transactional email. And a message hits a Telegram bot connected to the owner's phone, with the customer's name, service, and time slot, so he gets an instant alert without needing to open a dashboard or check email. We chose Telegram over SMS here because it's free, instant, and the owner already used Telegram daily, so there was zero extra habit to build.

We also built a simple admin panel so the owner can see all upcoming bookings, mark jobs complete, and manage which time slots are open, without needing to touch Firestore directly.

On the marketing side, we set up GA4 with UTM tracking, and layered in server-side tagging through Stape.io. This mattered because a lot of ad tracking breaks now due to browser privacy changes and ad blockers. Server-side tagging routes the tracking data through a server instead of the browser, so the numbers stay accurate even when a chunk of visitors are blocking client-side scripts. That meant the owner could actually trust which channel was bringing in bookings instead of guessing.

03 / impact

the outcome

D2D moved from a business run entirely through calls and messages to one with a self-serve, bilingual booking flow and real, trustworthy tracking data behind it. This became Aphoric's anchor portfolio project. When the build was done, we wrote full documentation covering the codebase, the Firebase setup, and how each integration worked, so the client could hand it to another developer for future maintenance without losing any context.

project gallery

4 assets
Down 2 Detail showcase 1
Expand View
Down 2 Detail showcase 2
Expand View
Down 2 Detail showcase 3
Expand View
Down 2 Detail showcase 4
Expand View
up next

Oven & Out

food ordering · brand · social

view next project

ready to build something ambitious?

let's discuss your brand, website, or digital platform and position your business as the obvious choice.

start a project