Inspiration
Inspired by the goal of changing undecipherable and unusable notes into structured, effective learning ideas.
What it does
It converts your messy, unorganized notes into organized, easy-to-understand ones. By instantly structuring chaotic text, ScribblesToStudies transforms indecipherable notes into exam-ready study materials with a single click.
How we built it
We built it using GitHub Codespaces. We used JavaScript, html, and CSS for the frontend and Python for the backend, hosted on PythonAnywhere. We also used Copilot to generate much of the CSS and also to debug the Javascript and Python. It uses the Groq API to analyze the messy notes and generate organized ones.
Challenges we ran into
The formatting for the UI was a problem we ran into when the code didn't allow us to render the proper distance between our text container and decorative UI. Also, we had to spend a significant chunk of time error handling and debugging. Finally, one of the biggest issues was that we were coding this on a school chromebook, where the "Inspect" feature is blocked. This means for the webpage coding (Javascript), we could not see any of the errors happening and were basically "blindly coding." However, in the end, by printing the errors in a text area component, we were able to view and fix the errors.
Accomplishments that we're proud of
Connecting Groq to our program, making it turn messy notes into useful ones. Using GitHub Codespaces successfully on a school Chromebook, which is the first time we have ever used it for an entire hackathon. UI that is simple and easy to use. Debugging without Inspect.
What we learned
We learned about error detection logic. More importantly, we learned to adapt and change to different solutions when the current ones didn't work.
What's next for ScribblesToStudies
We plan to add a quiz feature that generates flashcard-style questions to help more actively. As well as image recognition that takes images of notes or anything really [photos of physical, handwritten notebooks], and turns them into notes.
Log in or sign up for Devpost to join the conversation.