Note-A-Bull

Inspiration

Our inspiration for this app was to create a website that makes note sharing easy and accessible for all USF students, regardless of the class they are taking.

What it does

Our website allows USF students to create, upload, and access files submitted by other students. Students can create files live on the website. They can upload files that can be public or private, depending on their preference, and they can specify which class, semester, and professor they are taking when uploading these files. Lastly, they can access these public files and private files by entering a 5-digit PIN. Lastly, any student can select the course and professor, and they can get access to the publicly shared notes, but for the private notes, they will need the codes from the uploader.

How we built it

We used a React frontend, a Supabase backend, and we used Python to web scrape USF's course catalog so that users can search for their courses when looking for notes.

Challenges we ran into

We struggled to get our backend to work with our frontend to actually upload documents to the database. We also struggled getting a live preview for all of us to see at the same time, and to edit code at the same time.

Accomplishments that we're proud of

We are proud of how our frontend looks, as it looks very modern, and it has very sophisticated features such as autocompletion suggestions whenever the user is searching for a class.

What we learned

We learned that backend development is very hard, especially when dealing with databases. However, we also learned that we can push through these struggles and make a project we are really proud of.

What's next for Note-A-Bull

Our next step for this is to make a more functional backend that better integrates with our frontend, so it is a seamless user experience when using the website. We also planned to add a create file feature with premade layouts. We also want to integrate AI so that it can compile a comprehensive suggestion for the users for any specific course based on the database files.

Built With

• css3
• html5
• javascript
• python
• react
• supabase