Qi Mu - Full Stack Engineer
Featured Project

The Roger Project

Complete Digital Ecosystem for Service Business Operations
Project Overview

Lead developer for 3 years on this 5-year project, building and maintaining a comprehensive suite of 5 production applications serving Roger's business operations in the Greater Boston area. This unified ecosystem includes internal operations management tools and customer-facing websites for snow removal, landscaping, and handyman services - all built on a shared monorepo architecture.

3 Years as Lead
5 Production Apps
100% Code Ownership
Monorepo Architecture

Project Metrics & Impact

230+

Snow Customers Served

100+

Landscaping & Handyman Customers

100+

Active Workers (Snow Events)

89,000+

Lines of Code Written

1300+

Test Cases

50+

Features Delivered

Part 1: Internal Operations Platform

Admin Portal & Worker App for managing jobs, customers, and business operations
Admin Portal
Worker App
Job Management
Customer Database
Project Scope

As lead developer for 3 years, built and maintained five production web applications for the Roger project, working directly with the business owner to transform operational requirements into a comprehensive digital ecosystem.

  • 2 Internal Apps: Admin Portal & Worker App
  • 3 Customer Sites: Snow, Landscaping & Handyman services
  • All 5 apps in one monorepo with shared architecture
Key Accomplishments
Project Leadership
  • Sole developer and architect for Roger's multi-application platform
  • Designed and implemented complete business operations system from scratch
  • 100% code ownership with full technical decision-making authority
  • Successfully deployed two production applications serving real business needs
Technical Achievements
  • Established comprehensive test suite with TDD methodology using Vitest
  • Implemented clean architecture patterns across monorepo structure
  • Built reusable component libraries and utilities for efficient development
  • Created both in-memory and production database implementations
Business Impact
  • Platform actively serves 230+ snow removal customers during winter operations
  • Manages 100+ landscaping and handyman customers year-round
  • Coordinates 100+ workers during snow events through mobile web app
  • Automated end-to-end flow from customer inquiry to job creation to worker dispatch
  • Batch create jobs based on templates for efficient seasonal workload management
  • Streamlined worker operations with dedicated mobile-responsive interface
Integration & Automation
  • Successfully integrated Google Maps API for address management
  • Implemented Twilio SMS for Mass texting and two-way communication
  • Set up Slack integration for team alerts

Part 2: Customer-Facing Websites

Three Roger service websites built on the same monorepo, sharing architecture and components with the operations platform
Snow Removal
Landscaping
Handyman
Three Service Websites
Snow Removal
Landscaping
Handyman
Shared Features

Service/quote request forms

Google Maps address autocomplete

Photo upload for accurate quotes

SEO-optimized content pages

Responsive mobile design

Tech Stack
Next.js
TypeScript
PostgreSQL
AWS S3
Seamless Integration Between Customer Sites and Operations Platform

Customer inquiries submitted through any of the three service websites automatically flow into the admin portal, creating a unified workflow:

  • Customer submits inquiry on any service website (Snow, Landscaping, or Handyman)

    Form data with photos, address details, and service requirements

  • Inquiry instantly appears in Admin Portal

    Admin users can view all customer inquiries from all three websites in one centralized dashboard

  • Admin converts inquiries to jobs with one click

    Creates jobs with all customer information pre-populated from the inquiry

  • Workers see assigned jobs in Worker App

    Jobs created from customer inquiries are immediately visible to assigned workers

Unified Roger Project Architecture
  • Monorepo Structure

    Turborepo with pnpm workspaces for efficient code sharing

  • Shared Component Library

    @repo/customer-sites-shared package with common UI components

  • Unified Data Layer

    Common gateways and use case patterns across all sites

  • Clean Architecture

    CreateInquiry base class extended for each service type

  • Rapid Deployment

    Vercel deployment for all customer sites

  • Comprehensive Testing

    Shared test utilities and patterns with Vitest

Project-Wide Details

Technical architecture, development process, and evolution across all 5 apps
Frontend Stack
  • React with Next.js
  • TypeScript for type safety
  • Material UI components
  • React Query for data fetching
  • Storybook for component docs
Backend & Database
  • PostgreSQL on Neon (cloud-native)
  • Clean architecture patterns
  • Repository pattern for data access
  • In-memory & production implementations
  • Migration scripts management
Infrastructure & DevOps
  • Vercel for deployments
  • Dev and prod environments
  • Turborepo monorepo structure
  • Environment-based configuration
Architecture Principles
SOLID Principles
Clean Architecture
Test-Driven Development
Domain-Driven Design
Repository Pattern
Use Case Pattern
Dependency Injection
Type Safety
The Roger Project - One Unified Solution

All 5 applications (2 internal tools + 3 customer websites) are part of a single, cohesive Roger project. As lead developer for 3 years on this 5-year project, established the monorepo architecture that enables code reuse, consistent patterns, and efficient maintenance across the entire business ecosystem.

3 Years as Lead
5 Production Apps
1 Monorepo
5-Year Project