A responsive and customizable React Admin Dashboard built with React, TypeScript, SCSS, Material-UI, Recharts, and hosted on Vercel.
Check out the live demo here.
- Responsive Design: Ensure a seamless experience across various devices.
- Material-UI Components: Utilize Material-UI for a consistent and polished UI.
- Recharts for Graphs: Used Recharts for graphical representation and charting.
- TypeScript: Leverage TypeScript for a statically-typed and more maintainable codebase.
- SCSS Styling: Use SCSS for enhanced styling capabilities and maintainability.
- Vercel Hosting: Deployed and hosted on Vercel for easy accessibility.
-
Clone the repository:
git clone https://github.com/your-username/react-admin-dashboard.git
-
Install dependencies:
cd react-admin-dashboard npm install
-
Run the development server:
npm start
-
Open your browser and visit http://localhost:3000.
- Customize the dashboard components in the
src
directory according to your project requirements. - Utilize Recharts for graphical representation – see
src/components/Charts.tsx
. - Add or modify pages, components, and styles as needed.
Contributions are welcome! Feel free to open issues or submit pull requests.