Road Ready - Driving School Platform

Jun 2025 - Aug 2025

Developed a full-featured driving school platform for a Manchester-based instructor. The website handles everything from lesson discovery and online booking to payment processing and admin management, with a strong focus on performance optimisation achieving excellent Core Web Vitals scores.

Key Features

  • Lessons & Pricing: Detailed course packages and pricing tables with clear comparison of options, managed centrally through a dedicated pricing configuration.
  • Online Payments: Stripe integration for secure lesson booking and payment processing, with success and cancellation handling flows.
  • Coverage Map: Interactive Mapbox-powered map showing the instructor's coverage areas across Manchester, helping students confirm service availability in their area.
  • Reviews & Testimonials: Student review system with video testimonials and written feedback, backed by Firebase Firestore.
  • Admin Dashboard: Protected admin area for managing reviews, viewing analytics, and handling business operations with Firebase authentication.
  • Location Pages: Auto-generated SEO-optimised pages for specific Manchester areas, improving local search visibility.
  • Contact & WhatsApp: Booking form with direct WhatsApp integration for quick enquiries.
  • Gallery: Photo and video gallery showcasing lessons and student achievements.

Technical Highlights

  • Performance-First Architecture: Progressive loading pattern splitting critical and non-critical content. Header loads in three stages (Critical, Progressive, Lazy) to optimise LCP under 2.5 seconds.
  • Firebase Backend: Authentication, Firestore database for reviews and user data, and Firebase Storage for media assets.
  • Zustand State Management: Dedicated stores for auth (with localStorage persistence), reviews (CRUD with Firebase sync), and UI state (theme, modals, notifications).
  • Stripe Payments: Secure checkout flow with payment links and transaction handling.
  • Bundle Optimisation: Vite with Gzip and Brotli compression, vendor chunk splitting, tree shaking, and lazy-loaded routes via React.lazy() with Suspense boundaries.
  • Web Vitals Monitoring: Built-in performance tracking for LCP, FCP, TTFB, CLS, and FID with console warnings when thresholds are exceeded.
  • SEO Strategy: Auto-generated sitemap, location-specific pages for local SEO, and structured data for driving school schema.

Design

Mobile-first responsive design with a professional soft blue colour palette. Clean typography using Inter, rounded UI elements, and smooth Framer Motion animations create a modern, trustworthy feel appropriate for a professional driving instruction business.

LinkedIn