A modern Academic Management Dashboard built with Next.js that allows administrators and faculty members to manage students, courses, and academic performance through an interactive and user-friendly interface.This project was developed as part of the technical assessment task for Gain Solutions Limited.
🔗 Live Preview https://task-gain-solutions.onrender.com
🔗 GitHub Repository https://github.com/mironcoderr/task-gain-solutions
The Academic Management Dashboard provides tools to:
Monitor student, course, and faculty statistics
Analyze academic performance
Manage students and courses
Visualize analytics using charts
Perform CRUD operations with mock APIs
The system uses dummy JSON data with Next.js API routes, simulating a real backend environment.
All data resets to the initial state on page refresh, following the task requirement.
The dashboard provides a quick overview of academic data.
Features include:
Total number of:
Students
Courses
Faculty members
Top Ranking Students leaderboard (sorted by GPA)
Most Popular Courses table (sorted by enrollment count)
Analytics Charts using ApexCharts
Bar Chart for course enrollments
Column Chart for analytics visualization
The Students module allows administrators to manage student data efficiently.
Features
Students table with:
Pagination
Search functionality
Department-based filtering
Table column sorting
Reset filters option
Student profile view
Add new student
Update existing student
Delete student
Form validation using Zod
Toast notifications for actions
Course selection using react-select
Name: Miron Mahmud
Email: mironcoder@gmail.com
Phone: +880 18382 88389