dashboard-app Tailwind Templates

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.

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

  1. Clone the repository: ```sh git clone https://github.com/nomaan-11/dashboard-app.git cd dashboard-app
  2. 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

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes