🌐 Dashboard Application

Welcome to the repository of my Dashboard Application. This project is a command center I've developed for visualizing key data through an engaging and interactive UI. My aim was to create a tool that allows users to monitor and analyze various metrics like sales and email statistics effortlessly.

📜 Overview

Within this application, I've pieced together a series of data visualizations and utilities that offer a comprehensive view of business analytics. Designed with the user experience in mind, it features both light and dark modes to cater to individual preferences.

🛠 Tech Stack

The dashboard utilizes these technologies:

• React.js: A library for crafting dynamic, component-based UIs.
• Material-UI: A React UI framework offering ready-to-use components.
• Nivo: A library for creating rich, interactive data visualizations.
• Formik: A form creation and validation library.
• Yup: A schema builder for value parsing and validation, works well with Formik.
• DataGrid: A Material-UI component for displaying and manipulating data tables efficiently.
• FullCalendar: A comprehensive package for managing and interacting with events in a calendar.

Application Demo 🪄

Project Structure

/node_modules
/public
/src
  /components
  /data
  /scenes
  app.js
  index.css
  index.js
  theme.js
package-lock.json
package.json

🎨 Features

• Theming: Users can switch between light and dark modes.
• Data Visualization: Interactive charts and tables that render data in real-time.
• Calendar Management: Full calendar functionality for event scheduling and viewing.
• Responsive Design: Developed with Flexbox for a seamless experience on all devices.

🏗 Components

• BarChart, LineChart, PieChart: Render data into beautiful, responsive charts.
• ProgressCircle: Offers a quick view of progress metrics.
• StatBox: Provides an at-a-glance display of key statistics.

🚀 Running Locally

To get the Dashboard Application up and running on your local machine, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the project directory.
3. Install all the required dependencies:

npm install

4. Start the application:

npm run start

The application should now be available 🎊

Conclusion 🏁

I trust this README provides a transparent insight into the Dashboard Application. As its creator, I'm deeply familiar with every line of code and proudly stand by the functionality and adaptability I've engineered. Should you have any questions or wish to contribute, please feel free to reach out.

---

Made with ❤️ by Kishore