Analytics Dashboard

A full-stack web app of a Student Performance Analytics Dashboard that streamlines the process of analyzing and visualizing class and student data for school teachers.

This project was made as a summer project for a Bangalore-based startup called 7Sages Solutions LLP. I was tasked to identify a tech stack suitable to their needs and build a robust and scalable prototype.

Objectives

• Simplify the management and analysis of student performance data for schools and teachers with large class sizes.
• Enhance academic growth in students in environments with high student-teacher ratio.
• Provide teachers with a centralized platform to track and monitor collective and individual progress, identifying areas for improvement.
• Facilitates data-driven decision-making as it helps teachers to identify trends, patterns and areas of improvement

Tech Stack

Front End

• ReactJS
• Bootstrap
• Plotly
• HighCharts
• Nivo

Back End

• Flask
• MySQL

Authentication

• Firebase Auth

Instructions

1. Clone the repository.
   git clone https://github.com/aditdesai/dashboard.git
2. Link app to a mock database of your own.
3. Go to the /api subdirectory.
4. Activate the virtual environment.
   .\venv\Scripts\activate.ps1
5. Run the Flask API.
   python .\app.py
6. Go to the root subdirectory.
7. Install all dependencies
   npm i
8. Run the React app.
   npm start

Testing

Run npm run test command.