Skip to content

A role-based university management system for handling user registrations, departments, courses, classes, enrollments, and student results. Built with React, Firebase Authentication, and Firestore to streamline academic workflows for admins, department heads, and instructors.

Notifications You must be signed in to change notification settings

BazilSuhail/ITU-CMS-Admin-Portal

Repository files navigation

ITU University Management System (Admin Portal)

The Admin Side of the Student University Management System is designed to manage users, departments, courses, classes, scheduling, and student academic workflows. It provides role-based access and permissions to ensure structured and secure management across the university.

This is the client-side of the admin panel, built using React to offer a smooth, responsive interface with real-time updates and intuitive controls for system administrators, department heads, and instructors.

  • Developed using Tailwind CSS for a fully responsive, modern UI with a utility-first design approach.
  • Used Firebase Firestore for database storage and Firebase Backend Services to manage user data, department structures, courses, enrollments, and academic records.
  • Implemented Firebase Authentication for secure login and role-based access control across different user types.

These technologies combine to create an interactive and seamless interface for effective project collaboration.


Open Source Love svg1 contributions welcome

Project Overview

The Admin Portal of the ITU University Management System is a comprehensive academic management platform designed to manage users, departments, courses, classes, enrollments, attendance, assessments, and student results. It features role-based access control for Admins, Department Heads, and Instructors, ensuring secure and efficient academic operations across the university.

  • Role-based access system with distinct permissions for Admins, Department Heads, and Instructors.
  • Admins can register new instructors to the system.
  • Admins can create, edit, and delete university departments.
  • Admins can create, edit, and delete courses, including setting course names, descriptions, and prerequisites.
  • Department Heads can create and manage classes within their assigned departments.
  • Department Heads can assign courses to classes and allocate instructors to specific courses.
  • Department Heads can approve or reject student course enrollment requests.
  • Enrollment requests are automatically blocked if students do not meet the required course prerequisites.
  • Department Heads can automatically calculate GPAs based on the grades submitted by instructors.
  • Department Heads can compile and save final student results.
  • Instructors can view courses and classes assigned to them by the department.
  • Instructors can view lists of students enrolled in their classes.
  • Instructors can mark and update student attendance for specific dates.
  • Instructors can create assessments and define grading criteria for each course.
  • Instructors can assign marks to students for each assessment.
  • All submitted grades are automatically forwarded to the department for GPA calculation and final result compilation.
  • Data storage and management are handled using Firebase Firestore and Firebase Backend Services.
  • Secure login and role-based access control are implemented using Firebase Authentication.

With real updates, a responsive interface, and intuitive navigation, students can efficiently track their academic progress and directly communicate with their university departments through the system.


🤖 Tech Stack

HTML5 JavaScript CSS3 React Tailwind CSS Firebase Firebase Storage Firebase Authentication


Run Locally

Clone the project using the following command:

   git clone https://github.com/BazilSuhail/ITU-CMS-Admin-Portal.git

Go to the project directory

   cd ITU-CMS-Admin-Portal

Then Run this command in your terminal to install all required dependancies:

   npm install

In the project directory, you can run:

   npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.


System Roles and Features

Admin Features

User Management

  • Can register new instructors and grant system access.
  • Ensures that only authorized teaching staff can access the system.

Department Management

  • Can create new departments.
  • Can edit existing department details.
  • Can delete departments if they are no longer required.
  • Manages the university’s departmental structure efficiently.

Course Management

  • Can create new courses with specific names, descriptions, and prerequisites.
  • Can edit course details including syllabus, prerequisites, and descriptions.
  • Can delete courses when no longer offered.
  • Maintains complete control over course offerings within the system.

Department Head Features

Class Management

  • Can create new classes within their own department.
  • Organizes students into specific classes to manage course enrollments and attendance.

Scheduling

  • Can assign courses to particular classes.
  • Can allocate instructors to specific courses and classes.
  • Manages academic timetabling and ensures proper instructor assignments.

Enrollment Approval

  • Can approve or reject student course enrollment requests.
  • System automatically disables enrollment if a student has not met the required prerequisites from previously applied courses.
  • Ensures that course progression is correctly followed.

Result Compilation

  • Final GPA is calculated automatically based on marks provided by instructors.
  • Can compile and save final results for all students within the department.
  • Maintains an accurate academic record and ensures proper result submission.

Instructor Features

Assigned Courses

  • Can view the list of courses and classes assigned to them by the department head.
  • Provides clarity on teaching responsibilities and schedules.

Student Management

  • Can view the list of students enrolled in each assigned class.
  • Can mark and update student attendance records for specific dates.
  • Ensures accurate tracking of student participation and presence.

Assessments & Grading

  • Can create assessments such as quizzes, exams, and assignments.
  • Can define detailed grading criteria for each assessment.
  • Can assign marks to students for each assessment.
  • Grades are automatically sent to the department for GPA calculation and final result compilation.
  • Streamlines the grading process and ensures timely result submissions.

Summary

The Admin Portal of the ITU University Management System provides complete academic workflow management with role-based permissions for Admins, Department Heads, and Instructors, ensuring seamless coordination across departments, classes, and student records.

About

A role-based university management system for handling user registrations, departments, courses, classes, enrollments, and student results. Built with React, Firebase Authentication, and Firestore to streamline academic workflows for admins, department heads, and instructors.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages