JavaScript, Vite, Next.js, Flutter, MongoDB, Azure AI Services
- Developed a software suite enabling users to highlight text on any web page and save it to a centralized database.
- Highlights are enriched with AI-generated or user-written notes and summaries, and color-coded to improve comprehension and recall.
- System includes a Chrome extension, a responsive Next.js web app, and a Flutter mobile app for multi-device access.
- Introduced accessibility features, including text-to-speech, ensuring usability for visually impaired users.
- Designed a focused and accessible alternative to existing tools such as Glasp and Web Highlights, emphasizing zero tab-switching and personal knowledge curation.
- Qualified for AWS's Rapid Ramp program, unlocking $300 in credits.
Key Challenges
- Implemented a robust text selection process that handled both single-node and multi-node DOM selections.
- Ensured reliable restoration of highlights after page refresh by recording the exact location of selected text.
- Tracked horizontal text positions using offsets and vertical positions with a DOM TreeWalker.
- Overcame major UI conflicts caused by site-specific styling by encapsulating components inside a Shadow DOM.