Clarify

Landing
Dashboard
Note
Figma
Flow

1. Inspiration

The inspiration for Clarify came from both personal experience and family. Back in school, our groupmate had a classmate with a learning disability who struggled when the class was handed a heavy textbook—it just wasn’t accessible for him.

On top of that, the same member's mother works as a substitute teacher and often helps students with learning differences. She’s always talked about the importance of making material easier to understand. That helped shape this project's idea to create a tool that allows content to be more accessible and manageable for everyone.

2. What it does

Clarify is a smart note organization tool that lets students upload PDFs, images, and documents and turn them into easy-to-read, customizable notes. You can tag, favorite, filter, and search through your notes, and even apply accessibility presets like larger fonts or audio playback to help with comprehension.

3. How we built it

We built the app using React and Tailwind CSS for the frontend, and Supabase for our backend and authentication. For converting textbooks and images to readable content, we implemented OCR (Optical Character Recognition) to extract text from PDFs and images.

4. Challenges we ran into

One of the biggest challenges was handling image-to-text generation and PDF extraction reliably. We experimented with the Gemini API for OCR, but ran into content filtering limitations. Getting consistent, clean text output from images and scanned pages was tougher than expected, but it’s something we’re still actively working on.

5. Accomplishments that we're proud of

We’re proud of getting Supabase integrated smoothly for login and data management, building a clean dashboard with filtering and tagging, and getting our OCR and PDF processing pipeline working. The ability to upload something like a textbook page and turn it into editable, accessible content was a big win for us.

6. What we learned

We learned a lot about full-stack development—especially how to implement React Router and connect it with Supabase for seamless user authentication and data handling. We also learned how to build a flexible UI that balances accessibility with usability.

7. What’s next for Clarify***

Our next big goals are to integrate AI-generated speech for reading notes out loud and to use AI to automatically summarize or reformat notes based on user preferences. We want to make Clarify not just a tool for organization—but a real assistant that adapts to how you learn best.