https://github.com/kiranism/react-shadcn-dashboard-starter
Admin Dashboard Starter with React + Vite and Shadcn Ui
https://github.com/kiranism/react-shadcn-dashboard-starter
react-admin-dashboard react-admin-template react-boilerplate react-dashboard react-hook-form react-shadcn react-template react-theme shadcn-ui-starter tailwindcss tanstack-react-query tanstack-table vitejs-react zod
Last synced: 25 days ago
JSON representation
Admin Dashboard Starter with React + Vite and Shadcn Ui
- Host: GitHub
- URL: https://github.com/kiranism/react-shadcn-dashboard-starter
- Owner: Kiranism
- License: mit
- Created: 2024-03-20T14:20:26.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-21T14:53:53.000Z (3 months ago)
- Last Synced: 2025-03-28T12:01:45.398Z (about 1 month ago)
- Topics: react-admin-dashboard, react-admin-template, react-boilerplate, react-dashboard, react-hook-form, react-shadcn, react-template, react-theme, shadcn-ui-starter, tailwindcss, tanstack-react-query, tanstack-table, vitejs-react, zod
- Language: TypeScript
- Homepage: https://react-shadcn-dashboard-starter.vercel.app/
- Size: 266 KB
- Stars: 176
- Watchers: 3
- Forks: 55
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React Admin Dashboard Starter Template With Shadcn-ui
Built with the Vite + React Ts
## Overview
This is a starter template using the following stack:
- Js Library - [React 18](https://react.dev/)
- Language - [TypeScript](https://www.typescriptlang.org)
- Styling - [Tailwind CSS](https://tailwindcss.com)
- Components - [Shadcn-ui](https://ui.shadcn.com)
- Schema Validations - [Zod](https://zod.dev)
- Async state management - [Tanstack Query aka React Query](https://tanstack.com/query/latest/docs/framework/react/overview)
- Tables - [Tanstack Tables](https://ui.shadcn.com/docs/components/data-table)
- Forms - [React Hook Form](https://ui.shadcn.com/docs/components/form)
- Linting - [ESLint](https://eslint.org)
- Formatting - [Prettier](https://prettier.io)
- Pre-commit hook - [Husky](https://typicode.github.io/husky/)
## Pages
| Pages | Specifications |
| :--------------------------------------------------------------------- | :------------------------------------------------------------------------------- |
| [Signup](https://react-shadcn-dashboard-starter.vercel.app/login) | Custom auth. |
| [Dashboard](https://react-shadcn-dashboard-starter.vercel.app/) | Cards with recharts graphs for analytics with dark mode ✅. |
| [Students](https://react-shadcn-dashboard-starter.vercel.app/students) | Tanstack tables with students details with server side searching, pagination etc |
| [404](https://react-shadcn-dashboard-starter.vercel.app/404) | Not Found Page |
| - | - |
## Getting Started
Follow these steps to clone the repository and start the development server:
- `git clone https://github.com/Kiranism/react-shadcn-dashboard-starter.git`
- `npm install`
- `npm run dev`
You should now be able to access the application at http://localhost:5173.