10 · Field service app

Service Record App for Appliance Service Teams

A mobile-first app for home-appliance service teams to log jobs, split payments and share receipts.

Role
Full-stack developer – React UI, Express API, SQLite
Type
Field service app
Stack
React · Node.js · Express
Service Record admin dashboard with service and revenue totals, a serviceman leaderboard and recent activity from demo records

01

Problem

A home-appliance service business was tracking jobs and payments on paper.

02

What I built

I built a mobile-first service record app where servicemen log each job from their phone with validation, a duplicate-mobile warning and Cash, Online or Partial payment splits, then share a receipt card over WhatsApp.

Admins get a dashboard, reports, CSV export and serviceman management. It has PIN login with admin and serviceman roles and a 30-minute edit window.

It supports dark mode, an offline banner and installs as a PWA. The stack is React, Vite, Tailwind and Recharts on an Express API with SQLite.

03

Stack

  • React
  • Node.js
  • Express
  • SQLite
  • PWA

04

Screenshots

  1. Service Record list of demo service records with amount, payment mode, serviceman and date, mobile numbers blurred
    02 · Service records (mobiles blurred)
  2. Service Record reports with charts of revenue by serviceman, by service type, by day and cash versus online
    03 · Reports with CSV export
  3. Service Record serviceman management with a form to add a serviceman and four active demo team members
    04 · Serviceman management
  4. Service Record new record form beside a saved service receipt with the amount paid and a Share on WhatsApp button
    05 · New record form and shareable receipt