SummaNotes

Logo

Inspiration

We often found ourselves struggling to understand complex or lengthy articles online. We wished for a tool that could simplify dense reading in seconds. That need became the inspiration for SummaNotes.

What it does

With SummaNotes, users can highlight any text on a webpage and instantly receive an AI-powered summary. We also added a built-in text-to-speech feature, so users can listen to the content instead of reading it.

How we built it

SummaNotes uses OpenAI's API for summarization and Amazon Polly for text-to-speech. The interface was built using HTML, CSS, and JavaScript, while React connects the frontend to our backend services.

Challenges we ran into

One major challenge was connecting the frontend to the backend and keeping everything in sync. We also ran into GitHub merge conflicts, which taught us the importance of clear communication and version control.

Accomplishments we're proud of

We’re proud of integrating both the summarization and text-to-speech features and successfully tying our frontend and backend together into a fully functional Chrome extension.

What we learned

We gained hands-on experience using APIs in a real-world project and learned the ins and outs of building a Chrome extension. We also strengthened our skills in React, JavaScript, and CSS.

What's next for SummaNotes

We're planning to add a chatbot feature that lets users ask follow-up questions about the summary—turning SummaNotes into a mini ChatGPT for any text they highlight.