Admin Dashboard

React Admin Dashboard. We will be using React, Material UI, Nivo Charts, Formik, Yup, FullCalendar, and Data Grid to build this entire application. This application consists of Light and Dark Mode, 4 different Charts, 3 different Data Table Pages, FAQ Page, Form Page, and Calendar Integration.
Explore the site »

View Demo · Report Bug · Request Feature

🌟 About the Project

This is your Admin Dashboard.

Project Technological Stack:

• React: Frontend library for building interactive user interfaces.
• Material UI: UI framework providing pre-built components for design consistency.
• Nivo Charts: Library for creating interactive and customizable charts.
• Formik: Form library for managing form inputs and validation.
• Yup: Schema validation library used with Formik for form validation.
• FullCalendar: Calendar integration for managing events and schedules.
• Data Grid: Component for displaying tabular data efficiently.

Features:

•  Light/Dark Mode: Toggle between different interface themes for user preference.
  

•  Multiple Chart Types: Four interactive and customizable chart options available.
  

•  Diverse Data Tables: Three distinct pages for efficient tabular data display.
  

•  FAQ Section: Answers to frequently asked questions available for easy access.
  

•  Form Interface: Simplified form page for data input and submission.
  

•  Calendar Integration: Seamless FullCalendar integration for event management.
  

•  Consistent UI: Utilizes Material UI for a visually unified interface.
  

•  Form Handling & Validation: Efficiently managed using Formik and Yup.
  

•  Optimized Data Display: Utilizes Data Grid for tabular data presentation.
  

Getting Started

1. Download Node.js and npm (follow instructions here)

2. Git clone and cd into the repo folder:

https://github.com/Carlosaj18/Admin-Dashboard-App.git && cd admin-clone

3. Install all dependencies

npm install

4. Run the client

npm start
#for deployed version

npm run dev
#for deployed version

5. Access the project in your browser at http://localhost:3000

Demo & Showcasing:

📷 Screenshots

Admin.Dashboard.mp4

Live Site

• Admin Dashboard App is a responsive web app can be viewed on any device.

Contact

(back to top)