ClassMate

Home Page
Login
Sign Up
Courses Dashboard
Add a Course
Notes Dashboard
Add a Note

Inspiration

We were inspired to create ClassMate due to a lack of proper note-sharing and education-oriented networking apps.

What it does

ClassMate allows students to share their notes as well as see the notes written by other people. It can be very useful when one is confused or missing information about a topic of a course.

How we built it

We used Flask and PyMongo to build the API for the backend, React for the frontend, and MUI for styling. MongoDB was used as a NoSQL database.

Challenges we ran into

There was problems with Flask and CORS, as there were many CORS errors which were difficult to debug. Accessing full arrays from MongoDB with Flask and PyMongo was quite a challenge, and took quite a while to fix, although the current build will receive the full array.

Connecting the backend to the frontend was a challenge as well, due to CORS issues as well as TypeErrors between Flask's jsonify() and React's response.json().

MUI was troublesome as they updated it to a new version recently, so it was difficult to find resources.

Accomplishments that we're proud of

We are proud of creating a functioning web app within 48 hours, with a working active database. We are proud of being able to learn and implement Flask, PyMongo, and React, technologies which were relatively new for us. Learning the basics of all of these new tools within these 48 hours was a huge accomplishment.

What we learned

We learned a lot about the steps of web development and how to set them up. We learned to use Flask, React, PyMongo, and MUI. We learned about MongoDB and how it works.