Class Plus Plus

Class Plus Plus is a simplistic e-learning platform for teachers to easily connect to their students.

Comment

Inspiration

We were excited to use this opportunity to try and build our course and assignment management platform as students. "I was particularly interested in learning more about how you can store files in databases for retrieval later." - Sam. "This was my first real time using React, and I learned a lot." - Brendon. "I like to do hackathons to learn more about programming. I feel like I'm really starting to get better at making projects." - Karli.

What it does

Class++ allows teachers to create classes, create/edit assignments, and submit grades. The student is allowed to register for a class, view created assignments, submit assignments, and view their assignment grades.

How we built it

"We did the frontend with React (JavaScript), Axios, Material UI 5, Bootstrap, Redux, React Final Form, MUI-Datatables, and MUI-RFF. For the backend, we did Node.JS, Express, and Sequelize. The persistence layer was done with MySQL via Docker." - Sam.

Challenges we ran into

This was a fairly large project to try and do within a weekend. There were several small challenges with encoding files and sending them between Axios and Express. There was also a lot to balance between writing api endpoints, setting up redux middleware, and wiring parts of the store into components in the frontend.

Accomplishments that we're proud of

This project makes good leverage of Material UI and related packages to offer a relatively clean UI. Given that two members of this team are relatively inexperienced, creating a project with a clean UI while providing course repository functionality was quite an achievement.

What we learned

Component hierarchy and database file storage.

What's next for Class++

We hope to extend the functionality of Class++ as time moves on. There are several more things we could do to create a nice alternative to traditional course repositories.

Share this project:

Updates