annotify

Inspiration

This project was inspired by Perusall to create annotation that upholds a certain standard of the quality of annotations. Perusall is an online social-interactive platform that allows a group of students to annotate as they read an assigned article. This software is used by many US universities today.

What it does

It creates annotations! Annotating, the act of making annotations, include a key or legend on your paper that indicates what each marking is for, and use a different marking for each type of information. Example: Underline for key points, highlight for vocabulary, and circle for transition points.

How we built it

A React-based web application that allows users to paste in text (100–1000 words) and automatically generate five annotations using the OpenRouter API. Each annotation includes a quoted excerpt, an annotation type (Clarify, Connect, Extend, or Note), and a short explanation. The results are displayed in a sidebar with navigation controls.

Challenges we ran into

Learning React, and using OpenRouter API.

Accomplishments that we're proud of

I made it!

What we learned

Learning to use React, and using the open source gpt-oss to create useful tools for university students.

What's next for annotify

Making the UI smoother, and adding a highlighting function, so that the annotation marks exactly from which part of the article that is annotating based off. Also having expanding on the word counts that gpt-oss can analyze. As well as creating an option to use OpenCV to analyze and extract text from pdf files.

Built With

• css
• html
• javascript
• openrouter
• react
• vite