https://github.com/mnkhan78/assignment-dashboard
Dashboard Project A dynamic and interactive dashboard built with React.js, Vite, Tailwind CSS, JSON, and Chart.js. This project allows users to visualize data in real-time using customizable widgets and beautiful charts. The application is responsive, optimized for performance, and easy to extend with additional features.
https://github.com/mnkhan78/assignment-dashboard
chartjs-2 json reactjs tailwind-css vite-react
Last synced: 5 months ago
JSON representation
Dashboard Project A dynamic and interactive dashboard built with React.js, Vite, Tailwind CSS, JSON, and Chart.js. This project allows users to visualize data in real-time using customizable widgets and beautiful charts. The application is responsive, optimized for performance, and easy to extend with additional features.
- Host: GitHub
- URL: https://github.com/mnkhan78/assignment-dashboard
- Owner: mnkhan78
- Created: 2024-08-26T17:27:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-26T18:21:46.000Z (almost 2 years ago)
- Last Synced: 2025-04-08T00:41:26.481Z (about 1 year ago)
- Topics: chartjs-2, json, reactjs, tailwind-css, vite-react
- Language: JavaScript
- Homepage: https://cspm-dashboard.netlify.app/
- Size: 59.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dashboard
This is a dynamic and interactive dashboard built using React.js, Vite, Chart JS, Tailwind CSS and JSON. The application is designed for fast development, optimized performance, and provides a user-friendly interface for visualizing data.
## Features
- Dynamic and customizable widgets
- Real-time data visualization with charts
- Tailwind CSS for responsive and modern design
- JSON data handling for flexible data management
- Easy state management for user interactions
- Fast and optimized development experience with Vite
- Chart.js for beautiful and interactive data visualizations
## Technologies Used
- **React.js**: A JavaScript library for building user interfaces.
- **Vite**: A next-generation frontend tooling for fast development and build.
- **Tailwind CSS**: A utility-first CSS framework for creating responsive and modern designs without writing custom CSS.
- **JSON**: Used for data storage and transfer, making it easy to manage and display data dynamically.
- **Chart.js**: A powerful JavaScript library for creating interactive and responsive charts to visualize data effectively.
## Getting Started
Follow these steps to set up the project locally on your machine.
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (v14 or above)
- [npm](https://www.npmjs.com/) (v6 or above) or [yarn](https://yarnpkg.com/)
### Installation
1. **Clone the repository:**:
```bash
git clone https://github.com/mnkhan78/Assignment-Dashboard.git
2. **Navigate to the project directory:**:
```bash
cd Assignment-Dashboard
3. **Install dependencies:**:
```bash
npm install
3. **Install dependencies:**:
```bash
npm install
4. **Run the Application:**:
```bash
npm run dev