https://github.com/0x1luffy/react_admin_dashboard

https://github.com/0x1luffy/react_admin_dashboard

admin-dashboard admin-panel-using-react react-project-topics react-projects web-development-projects

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/0x1luffy/react_admin_dashboard
• Owner: 0x1Luffy
• Created: 2024-01-03T19:04:09.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-19T14:53:33.000Z (over 1 year ago)
• Last Synced: 2025-01-18T00:30:43.494Z (4 months ago)
• Topics: admin-dashboard, admin-panel-using-react, react-project-topics, react-projects, web-development-projects
• Language: TypeScript
• Homepage: https://react-admin-dashboard-pink.vercel.app
• Size: 552 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: ReadMe.md

Awesome Lists containing this project

README

        


  # React Admin Dashboard

  ![Project Image](https://i.ibb.co/9TVV1d9/React-Admin-Pannel-Chetan-Kesare.png)

  A responsive and customizable React Admin Dashboard built with React, TypeScript, SCSS, Material-UI, Recharts, and hosted on Vercel.

  ## Demo

  Check out the live demo [here](https://react-admin-dashboard-pink.vercel.app/).

  ## Features

  - **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.

  ## Installation

  1. Clone the repository:

     ```bash

     git clone https://github.com/your-username/react-admin-dashboard.git

     ```

  2. Install dependencies:

     ```bash

     cd react-admin-dashboard

     npm install

     ```

  3. Run the development server:

     ```bash

     npm start

     ```

  4. Open your browser and visit [http://localhost:3000](http://localhost:3000).

  ## Usage

  - 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.

  ## Contributing

  Contributions are welcome! Feel free to open issues or submit pull requests.