SagarKapoorin/React-DashBoard

A React Made DashBoard

★ 0Forks 0JavaScriptGitHub ↗Compare

README

Dashboard Application README

This repository contains the code for a dashboard application built using various technologies.

Live Link:

DashBoard. (Might Work or Might Not Work)

Technologies Used:

  • React
  • Material-UI
  • React Data Grid
  • Formik
  • Yup
  • FullCalendar
  • Nivo
  • React Router DOM
  • React Pro Sidebar

Features:

Calendar:

  • Utilizes FullCalendar for interactive calendar functionality.

Data Grid:

  • Incorporates React Data Grid for displaying and managing tabular data efficiently.

Forms:

  • Implements Formik and Yup for form management and validation.

Charts:

  • Supports various types of charts including pie, line, geography, and bar charts using Nivo.

FAQ Page:

  • Includes a FAQ page for addressing common queries.

Dark and Light Mode:

  • Provides support for both dark and light modes for enhanced user experience.

Setup Instructions:

  1. Clone the repository:

    git clone https://github.com/SagarKapoorin/React-DashBoard.git
    
  2. Navigate to the project directory:

    cd React-Dashboard
    
  3. Install dependencies:

    npm install --force
    

    Note: The --force flag is used to ensure that all dependencies are installed, potentially resolving any issues related to package versions or conflicts.

  4. Start the application in development mode:

    npm run dev
    

    This command will start the development server and open the application in your default web browser.

  5. Explore the dashboard application locally in your web browser.

Usage:

  • Navigate through different sections using the sidebar.
  • Explore calendar, data grids, forms, charts, and the FAQ page.
  • Toggle between dark and light modes for preferred display settings.

Contributors

SagarKapoorin

Issues