Web apps · React
Maintenance requests
Log tenant maintenance requests by unit and priority, then track them through to done.

What you get
A maintenance desk for a small landlord or property manager: requests by unit and tenant with priority, scheduled date and cost, worked from reported to done on a board. The properties, priorities and sample requests live in src/app.ts.
Files
Exactly what is copied into a new project: 12 files, nothing generated.
Explorer 12
/** The shape of src/app.ts: the record type, its fields, statuses and sample data live there. */import type { IconName } from "./Icon"; export type Tone = "good" | "warn" | "bad" | "neutral" | "accent"; export type Field = { key: string; label: string; type: "text" | "number" | "money" | "date" | "select" | "email" | "longtext"; options?: string[]; required?: boolean; /** Leave the column out of the table (still shown in the form). */ hideInTable?: boolean;}; export type Value = string | number;export type Row = Record<string, Value> & { id: string }; export type AppSpec = { brand: string; icon: IconName; /** Bump when the seed data changes so browsers reload it. */ storageKey: string; entity: { singular: string; plural: string }; title: string; subtitle: string; currency?: string; fields: Field[]; /** Field shown in bold as the record's name. */ titleKey: string; /** A select field used for the filter, pills and board columns. */ statusKey: string; tones: Record<string, Tone>; summary: { label: string; kind: "count" | "sum"; field?: string; status?: string }[]; views: ("table" | "board")[]; seed: Record<string, Value>[];};Remix
Remix this template
Describe what to change and the agent starts from Maintenance requests's files. The box is already started for you: finish “Start from Maintenance requests and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
React starter
A clean React + TypeScript + Tailwind single-page app. The default target for AI generation.

Sales leads CRM
A lean CRM for a small sales team: leads, deal values, next follow-ups and a pipeline board.

Wedding guest list
Keep the guest list, RSVPs, meal choices and table plan for the big day in one place.
Build on Maintenance requests
Create a free account, start from this template, and ask the AI agent to turn it into your app.