Student Dashboard - University Management System

A fully responsive student platform built with React.js and integrated with json-server.

ClientUniversity Project
RoleFrontend Developer
TimelineJan - May 2025
Student Dashboard - University Management System Hero

Technologies

  • React
  • Tailwind CSS
  • Node.js
  • Chart.js

Overview

This project website is an assignment from the course to create a university dashboard that can be used to manage students, courses, and lecturers. This website is built using React Js for the frontend and styled with Tailwindcss to achieve a modern and responsive appearance.

The Challenge

The main challenge I faced in this project was creating an interactive and responsive website design. I was also quite unfamiliar with json-server at first.

The Solution

My solution in this project is to research the dashboard appearance that my university has and then implement it into my own project. I also learned how to configure json-server from the documentation.

Key Features

  • Auto redirect login with role management
  • Tracking and visualization using chart.js
  • Lecturers management
  • Courses management
  • Json-server integration for mock API
  • Mobile-responsive design for on-the-go access