A modern admin dashboard built with Next.js, React, Tailwind CSS, Radix UI, and ShadCN UI.
This project demonstrates how to design a scalable dashboard with reusable UI components.
- π Dashboard Layout β Responsive grid-based layout.
- π§ Navbar & Sidebar β Collapsible sidebar with nested menus.
- π Dark Mode Support β Custom theming with Tailwind + ShadCN.
- π¨ UI Components β Dropdowns, Sidebar, Charts, Avatar, Modals (sheets), Collapsible, Button, Tooltips, Skeleton, Card, Breadcrumbs, Scroll Areas, Checkboxes, Calendar, Popover, Sheet Component, progress bars, forms, and more.
- β
Form Handling β Validation with
react-hook-formandzod. - π Charts & Data Visualization β Area, Pie, Line, and Bar Charts using Recharts.
- π Data Tables β Built with Tanstack React Table (Sorting, Pagination, Row Actions, Row Selection, Filtering, Visibility, Reusable Components).
- π€ Profile & User Pages β Example pages with reusable ShadCN components.
- Next.js β React framework for production apps.
- React β UI library.
- Tailwind CSS β Utility-first CSS framework.
- ShadCN UI β Radix UI + Tailwind component library.
- Recharts β Data visualization library.
- TanStack Table β Advanced data tables.
- react-hook-form β Form handling.
- Zod β Schema validation.
dashboard half down dashboard half up Dashboard dashboard sidebar User Page Payments paymenrs filtter
