Class Flow

Inspiration

The inspiration for creating Class Flow came from our experience using Blackboard in school. Our collective experience with Blackboard was often frustrating, as we saw many opportunities for improvements that could make the platform more seamless and user-friendly. This led us to develop Class Flow, an enhanced learning management system that streamlines the educational experience for both students and professors.

What it does

Class Flow provides a secure login system and unique dashboards tailored for students and professors, allowing them to manage courses, assignments, and grades more efficiently.

Student Dashboard:

A user-friendly navigation bar to view and interact with enrolled courses.
Each course contains sections for assignments, quizzes, and discussion posts.
A built-in calendar that automatically populates based on due dates set by professors.
A grades section where students can view their overall course grades and recent graded assignments.

Professor Dashboard:

The ability to create and manage courses by adding assignments, tests, and announcements.
A feature to send notifications to students for important updates.
A submission portal to view student-submitted work and assign grades accordingly.

How we built it

We built Class Flow using:

Next.js for the frontend framework
Tailwind CSS for styling and responsiveness
Firebase Database for real-time data storage and authentication
Clerk for secure user authentication and role management

Challenges we ran into

One of the major challenges we encountered was implementing role-based dashboards. Specifically, we needed to ensure that users who selected "Student" or "Professor" during account creation were directed to the appropriate dashboard with relevant features and permissions. Managing role-based access control while maintaining a seamless user experience required careful backend logic and UI structuring.

Accomplishments that we're proud of

Throughout the development of Class Flow, we achieved several milestones that we're incredibly proud of:

Successfully implemented role-based dashboards, ensuring students and professors have distinct and functional interfaces.
Integrated a real-time database to enable seamless updates to assignments, grades, and notifications.
Ability to create a project within 24 hours!

What we learned

Throughout this project, we learned how to use:

Role-Based Access Control: Managing different user experiences based on roles (Student vs. Professor).
Database Management with Firebase: Handling real-time updates efficiently while ensuring smooth data retrieval.
Frontend-Backend Integration: Creating a seamless connection between Next.js, Firebase, and authentication services.
Problem-Solving and Improvement: Identifying a problem that could be solved through enhancements and improvements.