Skip to content

0x1Luffy/React_Admin_Dashboard

Repository files navigation

React Admin Dashboard

Project Image

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.

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:

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

    cd react-admin-dashboard
    npm install
  3. Run the development server:

    npm start
  4. Open your browser and visit 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.