Inspiration
Students constantly take photos and screenshots of notes — whiteboards, worksheets, textbook pages, computer screens, slides, even random images saved from the internet. But turning those messy, unstructured images into clean study notes takes forever. I wanted a tool that could take any image at all and instantly convert it into organized, readable notes. BoardByte was created to solve a universal student problem: making studying faster and more efficient.
What it does
BoardByte transforms any image — photos of paper, boards, screens, worksheets, textbook pages, or screenshots — into clean, structured notes. Users can upload one or multiple images at once, choose a note format (bullet notes, Cornell notes, summaries, definitions, or step-by-step explanations), and get a polished set of notes in seconds. The app includes a side-by-side viewer, dark/light mode, copy-to-clipboard support, and downloadable .txt files for quick saving and sharing.
How we built it
BoardByte is built using Flask for the backend and a hand-designed frontend with HTML, CSS, and JavaScript. Uploaded images are encoded, processed through the OpenAI API with a strict formatting prompt, and the model’s output is converted from Markdown to HTML for a clean reading experience. Multi-image uploads are combined into a single unified set of notes, all rendered in a simple, responsive UI designed to work smoothly across devices.
Challenges we ran into
- Ensuring consistent formatting across multiple images
- Preventing the model from adding intros, conclusions, or filler text
- Designing a clean, responsive side-by-side layout
- Fixing Flask routing issues and avoiding 405 errors
- Polishing UI elements like spacing, button styles, toggles, and responsiveness under a tight time limit
Accomplishments that we're proud of
- A fully working, polished app built in a single hackathon
- Multi-image processing that combines everything into one coherent output
- Clean UI and seamless user workflow
- Note generation that stays consistent across wildly different types of images
- A tool that genuinely improves how students study
What we learned
We learned how important it is to control prompt formatting, how to handle multi-image uploads cleanly on the backend, and how much careful UI polish improves user experience. We also learned that narrowing scope and perfecting one core feature leads to a stronger project than trying to do everything at once.
What's next for BoardByte
Future versions will include a Teacher Mode that can auto-generate practice questions or quiz problems based on the notes, improved OCR for messy handwriting, more export formats, and enhanced options for flashcards and study guides. The core goal remains the same: turn any source material into clear, structured, instantly useful notes.
Log in or sign up for Devpost to join the conversation.