Forge
Founder-themed dashboard interface — analytics overview, assistant surface, billing, and settings — built with TanStack Start, React 19, and Vite 7. Charts, tables, and navigation are wired for a cohesive product feel; underlying data and assistant copy are simulated in the browser so the emphasis stays on structure, typography, and interaction patterns.
CoderBro Team — design and engineering.
What’s in the repo
| Area | Notes |
|---|---|
| Dashboard | Metrics and charts driven by a small mock layer (src/lib/api.ts). |
| Assistant | Chat layout with suggested prompts; replies are generated locally (typewriter-style), no external model calls in this tree. |
| Billing | Plan cards and invoice table with static demo content. |
| Settings | Theme and form placeholders aligned with the rest of the shell. |
Stack
TanStack Router (file routes) · TanStack Query · Tailwind CSS v4 · Recharts · shadcn-style UI primitives.
Run locally
Requires Node.js 22.12+ and npm 10+.
npm install
npm run devDev server listens on 8080 (see vite.config.ts). No environment file is required for a local run.
Scripts
npm run build · npm run preview · npm run lint · npm run format
Layout
src/
routes/ file-based routes
features/ analytics, billing, chat
components/ layout + shared UI
lib/ helpers and mock API
hooks/
types/
src/routeTree.gen.ts is generated by the TanStack router plugin — edit routes under src/routes/ instead.
More detail
docs/ARCHITECTURE.md — how the pieces connect.
CONTRIBUTING.md — notes for anyone extending or auditing the tree.
License
See LICENSE.