Dashboard App
This is a dashboard application built using Next.js and Tailwind CSS. The application provides a user interface for displaying various statistics and charts, including skill test results, quick statistics, and syllabus-wise analysis.
Technologies Used
- Next.js: A React framework for building server-side rendered and static web applications.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
Features
- Skill Test Information: Displays details about the skill test, including the number of questions, duration, and submission date.
- Quick Statistics: Shows the user's rank, percentile, and the number of correct answers.
- Comparison Graph: A bar chart comparing the user's score with the average score.
- Syllabus Wise Analysis: Displays progress in different categories of the syllabus.
- Question Analysis: A pie chart showing the distribution of correct, incorrect, and unattempted questions.
- Update Stats Modal: A modal window for updating the user's rank, percentile, and correct answers.
Getting Started
Follow these steps to run the project on your local system:
Prerequisites
- Node.js (version 12.x or later)
- npm (version 6.x or later) or yarn (version 1.x or later)
Installation
- Clone the repository:
```sh
git clone https://github.com/nomaan-11/dashboard-app.git
cd dashboard-app
- Install dependencies: Using npm:
```sh
npm install
Running the Development Server
npm run dev
Deployed Application
You can view the deployed application at the following link: https://dashboard-app-beta-silk.vercel.app/
License
This project is licensed under the MIT License. See the LICENSE file for more information.
Acknowledgements
Next.js
Tailwind CSS