https://github.com/bazilsuhail/itu-cms-admin-portal
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.
https://github.com/bazilsuhail/itu-cms-admin-portal
admin-portal attendance-system course-management css department-management firebase firebase-auth firebase-database instructor-management marking-and-grading react-icons reactjs scheduling student-credentials tailwind-css
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/bazilsuhail/itu-cms-admin-portal
- Owner: BazilSuhail
- Created: 2024-06-23T19:20:51.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-06-22T23:15:20.000Z (about 1 year ago)
- Last Synced: 2025-07-30T05:55:58.668Z (11 months ago)
- Topics: admin-portal, attendance-system, course-management, css, department-management, firebase, firebase-auth, firebase-database, instructor-management, marking-and-grading, react-icons, reactjs, scheduling, student-credentials, tailwind-css
- Language: JavaScript
- Homepage: https://itu-admin.netlify.app/
- Size: 776 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 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.
---
[](#)
[](#)
## 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
---
- Check out the latest demo of Project [ITU-CMS-Admin-Website](https://itu-admin.netlify.app/).
- Check the latest demo of **Mobile Application** of this Project [ITU-CMS-Admin-App-Repository](https://github.com/BazilSuhail/ITU-CMS-Instructor-App).
---
- Find the Student side's Repository Here [ITU-CMS-Student](https://github.com/BazilSuhail/ITU-CMS-Student-Portal).
- Find the repository of **Mobile Application** of the Student Project [ITU-CMS-Student-App-Repository](https://github.com/BazilSuhail/ITU-CMS-Student-App).
---
### Run Locally
Clone the project using the following command:
```bash
git clone https://github.com/BazilSuhail/ITU-CMS-Admin-Portal.git
```
Go to the project directory
```bash
cd ITU-CMS-Admin-Portal
```
Then **Run** this command in your terminal to install all required dependancies:
```bash
npm install
```
In the project directory, you can run:
```bash
npm start
```
Runs the app in the development mode.
Open [http://localhost:3000](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.