Join Our Build

Smart Route

Calendar-based routing and scheduling app for service businesses, built with Next.js 15 and Prisma.

Web App

completed

2 months duration

Smart Route

Smart Route is a scheduling and route optimization app designed for service businesses like salons, mobile pet groomers, and field technicians. It combines calendar management with intelligent route planning to minimize drive time between appointments. Built with Next.js 15 App Router, Prisma ORM, and a responsive UI that works across desktop and mobile.

Next.js 15

App Router

Prisma

Database ORM

8/10

UX Audit Score

UX Issues Fixed

Next.jsReactTypeScriptPrismaTailwind CSSPostgreSQL

PROJECT OVERVIEW

A comprehensive look at the challenges, solutions, and results of the Smart Route project.

THE CHALLENGE

Complex calendar UI with drag-and-drop appointment management
Route optimization algorithm for multi-stop service routes
Responsive design working for both desktop scheduling and mobile field use
Multiple UX issues identified across two audit sprints

OUR SOLUTION

Custom calendar component with intuitive drag-and-drop interactions
Geospatial route calculation minimizing total drive time
Responsive layout adapting from full desktop dashboard to mobile-first field view
Systematic UX audit and fix process improving score from 5.5 to 8/10

THE RESULTS

Full scheduling and route optimization for service businesses
UX score improved from 5.5/10 to 8/10 across 27 fixed issues
Responsive across desktop and mobile viewports
Production-ready with clean architecture for future features

DETAILED CASE STUDY

PROJECT BACKGROUND

BEFORE IMPLEMENTATION

UX Audit Score5.5/10

UX Issues27 identified

AFTER IMPLEMENTATION

UX Audit Score8/10

UX Issues27 fixed

TECHNICAL IMPLEMENTATION

A deep dive into the architecture, technologies, and development approach used to build the Smart Route.

SYSTEM ARCHITECTURE

The system was built using modern architecture patterns ensuring scalability, reliability, and maintainability. Each component handles specific business functions and communicates through well-defined APIs.

FRONTEND LAYER

Next.js 15 App Router with real-time calendar UI and Google Maps integration

API GATEWAY

Prisma ORM with PostgreSQL for appointment, client, and route data

BUSINESS LOGIC

Route optimization engine with drive-time calculations between service appointments

DATA LAYER

PostgreSQL with Prisma schema for multi-tenant service business data

KEY FEATURES DELIVERED

Smart Scheduling

Calendar-based appointment management with drag-and-drop, recurring appointments, and conflict detection.

Drag & DropRecurringConflict Detection

Route Optimization

Intelligent route planning that minimizes drive time between appointments for service-based businesses.

GeospatialMulti-stopTime Savings

Business Dashboard

Overview of daily schedule, income tracking, and client management in a single responsive dashboard.

Income TrackingClient ManagementAnalytics

DEVELOPMENT TIMELINE

Core Scheduling

Calendar UI, appointment CRUD, database schema

Week 1-3

Route Optimization

Geospatial queries, route calculation, map integration

Week 4-6

UX Polish

Two UX audit sprints, 27 issues fixed, responsive refinement

Week 7-8

WHAT OUR CLIENT SAYS

Hear directly from the Smart Route User team about their experience working with JoinOurBuild.

Marcus Rivera

Mobile Dog Groomer, Smart Route User

“I was using Google Calendar and a paper map to plan my grooming routes. Smart Route cut my daily drive time by almost an hour — I can fit in two extra appointments per day now. The drag-and-drop scheduling is exactly how my brain works.”