A Next.js demo showcasing a reusable UI component library, a form with client-side validation, and an API-powered dashboard — all styled with Tailwind CSS.
🌐 Live demo: https://aawiz-theta.vercel.app
- 🎨 Reusable UI primitives:
Button,Card,Typographywith consistent tokens - ✅ Form page with field-level validation and submission feedback
- 📊 Dashboard page fetching and rendering data from a public API
- 🧭 App Router layout with nested routes
- 💨 Tailwind CSS + CSS variables for theming
- 🧠 Typed throughout with TypeScript
| Tool | Version |
|---|---|
| Next.js | 15 (App Router) |
| React | 19 |
| TypeScript | 5 |
| Tailwind CSS | 4 |
| ESLint | 9 |
src/
├── app/
│ ├── form/ # Form with validation
│ └── dashboard/ # API-driven dashboard
├── components/
│ ├── layout/
│ └── ui/ # Button, Card, Typography
├── hooks/
└── lib/
npm install
npm run devOpen http://localhost:3000.
npm run build
npm run startHesam Hadadi — hesamhaddadi.com
MIT