A modern web application dashboard built with React, JavaScript and Tailwind with a clean and responsive user interface.
- React
- Tailwind
- React Router
- Axios
- TanStack Query
- i18n
- PWA
- Authentication
- Displaying data with interactive charts
- Dual-language panel (EN/FA)
- Skeleton UI Display States
- Fully responsive design
- Progressive Web App (PWA) with Web App Manifest, Service Worker caching, and offline capabilities
src/
├── data/
├── components/
├── hooks/
├── services/
├── validators/
├── contexts/
├── i18n/
├── layouts/
├── pages/
├── input.css
└── routes.jsx
Clone the repository:
git clone https://github.com/SabziDev/visionui-dashboard.git .Install dependencies:
pnpm iRun the project:
pnpm dev| Package | Description |
|---|---|
| react | Core UI library |
| tailwind | CSS framework |
| react-router | Client-side routing |
| axios | HTTP API client |
| tanstack-query | Server-state management & caching |
| zod | Schema validation |
| react-hook-form | Form handling & validation |
| react-hot-toast | Toast notifications |
| i18next | Multi-language support |
| recharts | Data visualization charts |
| react-indiana-drag-scroll | Drag-to-scroll functionality |
| motion | Animation library |
| react-loading-skeleton | Skeleton loading placeholders |
| react-spinners | Loading spinners |
Frontend Created by ABOLFAZL SABZMOHAMMADI
GitHub: github.com/SabziDev
Website: SabziDev.com