📊Project · Time · Cost Management

Project · Time · Cost Management app template & starter kit

A Project · Time · Cost Management sample app — preview it free in the browser, export as real, deployable code (React, Node, C#, Java, and more). No vendor lock-in.

16 screens · 15 tables

Project managementTime trackingCost & bill ratesExpensesInvoicesProfitabilityDashboardGet project margin out of spreadsheetsSample appStarter kitBoilerplate

Overview

A project, time, and cost management app for services/agency businesses: track time entries and expenses against projects, with dual cost/bill rates to project actual cost and gross margin. Includes list and CRUD screens for projects, time entries, expenses, invoices, and masters, plus a project dashboard. (Monthly aggregation batch and P&L / invoice PDFs come next.)

Screens included

Dashboard
Projects/ Projects & Time
Time Entries/ Projects & Time
Expenses/ Projects & Time
Invoices/ Projects & Time
Invoice Lines/ Projects & Time
Milestones/ Projects & Time
Project P&L/ Projects & Time
Assignments/ Projects & Time
Member Utilization/ Projects & Time
Quotes/ Projects & Time
Quote Lines/ Projects & Time
Customers/ Masters
Members/ Masters
Role Rates/ Masters
Tasks/ Masters

Data model

Customermaster

Key fields: Customer Code · Customer Name · Billing Email

Membermaster

Key fields: Member Code · Name · Email · Cost Rate · Bill Rate · Monthly Capacity +2 more

Role Ratemaster

Key fields: Role · Cost Rate · Bill Rate

Projectmaster

Key fields: Project Code · Project Name · Customer · Contract Type · Status · Contract Amount +6 more

Taskmaster

Key fields: Project · Task Name · Sort Order · Estimated Hours

Milestonetransaction

Key fields: Project · Name · Amount · Due Date · Status

Time Entrytransaction

Key fields: Member · Project · Task · Work Date · Hours · Approval +1 more

Expensetransaction

Key fields: Project · Member · Incurred Date · Amount · Category · Billable +1 more

Invoicetransaction

Key fields: Project · Customer · Period (YYYY-MM) · Issue Date · Total Amount · Status

Project P&Ltransaction

Key fields: Project · Project Name · Contract Type · Actual Cost · Revenue · Gross Margin +6 more

Member Utilizationtransaction

Key fields: Member · Name · Period (YYYY-MM) · Hours · Utilization (%) · Planned Hours +2 more

Assignmenttransaction

Key fields: Member · Project · Period (YYYY-MM) · Planned Hours

Invoice Linetransaction

Key fields: Invoice · Member · Task · Hours · Unit Price · Amount

Quotetransaction

Key fields: Quote No. · Customer · Project · Title · Issue Date · Valid Until +2 more

Quote Linetransaction

Key fields: Quote · Item · Quantity · Unit Price · Amount

What you get

✓A React + TypeScript frontend for every screen
✓A backend (multiple languages supported) and DB schema (DDL) for your data model — See supported languages & databases
✓Real, readable code you own — deploy it anywhere, no lock-in

How it works

1Preview the template right here in your browser
2Click “Start with this template” to create a project
3Adjust the spec — screens, data, and flows — to fit your needs
4Generate and export working code, then deploy it anywhere

Explore more

All templates Read the guides

You're previewing the "Project · Time · Cost Management" template built with d-bye, the design-doc tool for web apps. With d-bye you can customize this app on the web and export its full code as a zip.