https://github.com/sumanadithan/react-admin-dashboard
A modern React Admin Dashboard built with React, TypeScript, Vite, Tailwind CSS, Framer Motion, TanStack Table, Zustand, and Recharts. It features fast performance, responsive design, dynamic data handling, and testing with Vitest.
https://github.com/sumanadithan/react-admin-dashboard
admin-dashboard data-visualization framer-motion frontend react recharts responsive-design state-management tailwind-css tanstack-table testing typescript vite vitest web-development zustand
Last synced: about 2 months ago
JSON representation
A modern React Admin Dashboard built with React, TypeScript, Vite, Tailwind CSS, Framer Motion, TanStack Table, Zustand, and Recharts. It features fast performance, responsive design, dynamic data handling, and testing with Vitest.
- Host: GitHub
- URL: https://github.com/sumanadithan/react-admin-dashboard
- Owner: SumanAdithan
- License: mit
- Created: 2024-11-24T07:48:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-13T03:02:44.000Z (over 1 year ago)
- Last Synced: 2025-07-03T12:06:19.890Z (11 months ago)
- Topics: admin-dashboard, data-visualization, framer-motion, frontend, react, recharts, responsive-design, state-management, tailwind-css, tanstack-table, testing, typescript, vite, vitest, web-development, zustand
- Language: TypeScript
- Homepage: https://sumanadithan.github.io/react-admin-dashboard/
- Size: 608 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Admin Dashboard
A modern and feature-rich admin dashboard built with React, Vite, TypeScript, Tailwind CSS, Framer Motion, TanStack Table, Zustand, and Recharts. This project also includes testing support with Vitest.
## Features
- Performance-first: Built using Vite for fast development and optimized builds.
- Type-safe: Developed with TypeScript for robust and maintainable code.
- Responsive Design: Styled with Tailwind CSS to ensure responsiveness across devices.
- Interactive Animations: Leveraging Framer Motion for smooth animations.
- Powerful Data Tables: Integrated with TanStack Table for advanced data handling.
- Global State Management: Managed with Zustand for predictable state management.
- Dynamic Charts: Includes reusable charts powered by Recharts.
- Testing: Ensures reliability using Vitest for unit and integration tests.
## Technologies Used
- **Vite**: Frontend build tool for fast development
- **React**: UI library for building user interfaces
- **TypeScript**: Strongly typed programming language
- **Tailwind CSS**: Utility-first CSS framework
- **Framer Motion**: Animation library for React
- **TanStack Table**: Powerful table library for React
- **Zustand**: Lightweight state management library
- **Recharts**: Charting library for React
- **Vitest**: A fast testing framework
## Installation
To get started with Taskify, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/SumanAdithan/react-admin-dashboard.git
```
2. Navigate to the project directory:
```bash
cd react-admin-dashboard
```
3. Install the dependencies using Yarn:
```bash
yarn install
```
4. Start the development server:
`bash
yarn dev
`
The application will be available at http://localhost:5173/.
5. Run test cases:
```bash
yarn test
```
## Folder Structure
```
src
├── _tests_ # Test cases using Vitest
├── assets # Image assets for the application
├── charts # Reusable Recharts components
├── components # Shared components across the application
├── constants # Constant data for the app
├── hooks # Custom hooks for TanStack Table
├── layout # Application layout structure
├── pages # Application pages
├── routes # Application routes
├── store # Zustand state management store
├── ui # Reusable animation components using Framer Motion
└── utils # Utility functions and helpers
```
## Credits
This project is inspired by react-admin-dashboard, which is open-source and free to use. You can find the original repository [here](https://github.com/burakorkmez/react-admin-dashboard).
## Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request.
## License
This repository is licensed under the MIT License. See the `LICENSE` file for details.
## Contact
For any questions or inquiries, please contact me at sumanadithan34@gmail.com.