ITU University Management System (Student Portal)

The Student University Management System offers students seamless access to academic information, including course enrollments, results, and attendance. With real-time updates, dynamic course statistics, and easy navigation, students can track progress and submit enrollment or withdrawal requests to their departments efficiently.

This is the client-side of the project, built using React to create a dynamic and responsive user interface along with React-supported technologies and kits.

• Developed using Tailwind CSS for fast, modern, and fully responsive UI with a utility-first design approach.
• Used Firebase Firestore for database storage and Firebase Backend Services to manage and store student academic records, enrollment data, and request submissions efficiently.
• Implemented Firebase Authentication for secure user login and signup, ensuring protected access to student data.
• Used Chart.js to visually display GPA records, course statistics, and academic progress in an interactive and easy-to-understand format.

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

---

Project Overview

The Student University Management System allows students to easily access and manage their academic records. Key features include:

• Students can enroll in courses directly through the system without manual paperwork.
• Ease of access to grades and attendance, enabling students to track their academic performance efficiently.
• Dynamic course statistics provide up-to-date insights into progress and completion status.
• Students can submit enrollment and withdrawal requests quickly, streamlining communication with university departments.

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-Stundet-Website.
• Check the latest demo of Mobile Application of this Project ITU-CMS-Student-App-Repository.

---

• Find the Admin side of this project's Repository Here ITU-CMS-Admin.
• Find the Admin side's Mobile Application Repository Here ITU-CMS-Admin-App-Repository.

---

Run Locally

Clone the project using the following command:

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

Go to the project directory

   cd ITU-CMS-Student-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.

---

Features

Course Enrollment

• Students can enroll in their desired courses directly through the online system.
• Removes the need for manual paperwork or in-person registration.
• Provides real-time updates to course availability and enrollment status.

Academic Results Access

• Students can easily view their academic results within the portal.
• Displays detailed grade information for each enrolled course.
• Enables quick access to performance history without waiting for manual result announcements.

Attendance Tracking

• Provides students with updated attendance records.
• Displays attendance percentage and detailed breakdown per course.
• Allows students to monitor their attendance regularly to avoid shortages.

Dynamic Course Statistics

• Real-time visualization of course progress and completion status.
• Displays percentage of syllabus covered and pending tasks.
• Helps students track their academic journey efficiently.

Enrollment and Withdrawal Requests

• Students can submit course enrollment or withdrawal requests directly to their departments.
• Removes the need for physical forms and manual processing.
• Speeds up the communication and approval process between students and university administration.