This repository contains the code for a dashboard application built using various technologies.
DashBoard. (Might Work or Might Not Work)
- React
- Material-UI
- React Data Grid
- Formik
- Yup
- FullCalendar
- Nivo
- React Router DOM
- React Pro Sidebar
- Utilizes FullCalendar for interactive calendar functionality.
- Incorporates React Data Grid for displaying and managing tabular data efficiently.
- Implements Formik and Yup for form management and validation.
- Supports various types of charts including pie, line, geography, and bar charts using Nivo.
- Includes a FAQ page for addressing common queries.
- Provides support for both dark and light modes for enhanced user experience.
-
Clone the repository:
git clone https://github.com/SagarKapoorin/React-DashBoard.git -
Navigate to the project directory:
cd React-Dashboard -
Install dependencies:
npm install --forceNote: The
--forceflag is used to ensure that all dependencies are installed, potentially resolving any issues related to package versions or conflicts. -
Start the application in development mode:
npm run devThis command will start the development server and open the application in your default web browser.
-
Explore the dashboard application locally in your web browser.
- 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.