Course Flow

A course management system for students and staff!

I. Links

• Website: https://courseflow.id.vn
• GitHub: https://github.com/ThaiHoangDang/course-flow

II. Description

Nowadays, even though numerous schools around the world have applied online course management systems, the number of universities that use offline and traditional ways is still considerable. Consequently, students in those schools might experience unwanted difficulties during the process of enrolling and managing courses. In addition, some existing online systems show unprofessionalism in design, causing even more problems for students than the traditional way.

The awareness of the pervasive inefficiencies in educational institutions motivated our team to develop an online enrollment system. Our application, Course Flow, aims to streamline and automate the course registration process, reduce administrative workload, and provide an intuitive experience for all parties engaged in the academic journey.

III. Features

• Homepage: Provides information about the website and allows users to search for courses.
• Authentication page: Allows users to login or register a new account
• Courses page: Display a list of all courses in the university, users can search and filter courses based on a particular criteria
• Course Detail page: Users can see course description, number of credits, and prerequisites. Admin users can perform actions like adjusting course description and changing course's prerequisites
• Programs page: Displays a list of all programs in the university, admin can create a particular program with many courses.
• Program Detail page: Displays program’s information, its list of courses, and its list of students. Admin can adjust the program by adding or removing a particular course.
• Enrolment page (Only for student): Displays enrollment status and allows students to enroll in different courses. Supports Grade Calculator feature that allows students to enter their grades and provides the final result.

IV. Technologies

• Trello: A collaboration and project management tool that uses a card-based system to help users organize tasks and projects together with the team.
• GitHub: An online development platform to manage the code of the project.
• ReactJS: A JavaScript library that helps building user interfaces for web applications.
• NodeJS: A back-end JavaScript runtime environment.
• Firebase: A Backend-as-a-Service (BaaS) platform to store the database and handle API calls.
• Tailwind CSS: A utility-first CSS framework that provides a set of pre-defined, low-level utility classes that allows developers to quickly style and layout their web applications.
• DaisyUI: An open-source UI components library for Tailwind CSS.

License

• MIT License

---

Thank you for having a look at our project ❤️