~/work/garagepal · Mobile · SaaS
GaragePal Auto-Service Marketplace, Mobile App and Garage Dashboard
Overview
GaragePal connects drivers with vetted garages in Canada and Qatar. Drivers find a nearby garage, book a service and track their car in the app; garage owners run bookings, staff, customers and messages from a web dashboard.
The challenge
Booking car service still meant phone calls and guesswork about price and timing. The marketplace needed a driver app simple enough for a quick booking and a garage dashboard strong enough to run a workshop day.
Delivered as: Lead full-stack developer
problem / solution
What we set out to fix
Problem
- Drivers could not compare garages, prices or availability.
- Once a car was dropped off, its status was a phone call away.
- Garages juggled bookings, staff and customers across tools.
Solution
- Search nearby vetted garages on a map, with reviews.
- Book a service and follow the job live in the app.
- A garage dashboard for bookings, appointments, staff and customers.
- In-app messaging between drivers and garages.
process
How we built it
01
Research
Mapped the booking journey from both sides of the counter.
02
UX design
A three-step booking for drivers, a day view for garages.
03
UI design
Warm coral actions on a calm ground, steel blue for information.
04
Build
Next.js and Node.js on MySQL and Prisma, with Google Maps, OAuth and 2FA.
features
What it does
feature 01
Find a garage you can trust
- Search vetted garages nearby on a live map.
- Compare services, reviews and availability before you book.
feature 02
Book it, track it, pay for it
- Book a service in a few taps and follow the job live.
- Pay and chat with the garage without leaving the app.
feature 03
A workshop day, organised
- Bookings, appointments, staff and customers in one garage dashboard.
- Messages with drivers kept next to the job they belong to.
stack.md
The tech stack, and why we used it
Next.jsOne framework for the garage dashboard and the marketing pages.Node.js, MySQL and PrismaBookings, staff and invoices are relational, and one backend serves the app and the dashboard.Google MapsDrivers already understand it, so finding a nearby garage needs no explaining.OAuth and 2FAQuick sign-in for drivers and stronger protection for garage accounts.Tailwind CSSKeeps 15 core screens consistent across both products.users.md
Who uses it
Drivers in Canada and Qatar
Find a vetted garage, book it and follow the job live.
Garage owners and staff
Run bookings, appointments, staff and customers from one dashboard.
benefits.md
Benefits
- Drivers compare services, reviews and availability before booking.
- Job status replaces a phone call to the garage.
- Messages stay next to the job they belong to.
cost.md
Cost benefits
- One backend behind both products means one system to build and maintain.
- Fewer phone calls for garage staff, and bookings kept in one tool.
screens · 8
Every screen
Scroll sideways through the product.
Typography
Aa
Nunito + DM Sans
Nunito's rounded forms make car care feel friendly, not technical; DM Sans keeps bookings, invoices and schedules clear for drivers and garage staff alike.
colours
built with