Overview
A frontend-focused dashboard application designed for tracking construction costs, material estimates, and high-level project metrics.
The Problem
Construction teams tracked estimates and material costs across spreadsheets, making it hard to see the real-time health of a project. Stakeholders needed a single, readable dashboard that turns raw numbers into clear decisions.
The Solution
- A clean, information-dense dashboard surfacing cost breakdowns, material estimates and project KPIs at a glance.
- Composable chart and table components that adapt to different project types and data shapes.
- A responsive layout that stays legible from large monitors down to tablets on-site.
Architecture
- 01Next.js for routing and a fast, statically-optimised dashboard shell.
- 02Reusable React components for KPI cards, estimate tables and chart panels.
- 03Tailwind CSS utility system for a consistent, maintainable visual language.
Impact
1 view
Costs, materials & metrics unified
Faster
Estimate-to-insight for stakeholders
Responsive
Usable on desktop & on-site tablets