TypoLens
Chrome extension for seamless, context-aware spelling and grammar enhancements throughout your browsing experience.
Overview
TypoLens is a user-friendly writing improvement tool for Chrome, providing instant spelling and grammar feedback directly within web forms, emails, and documents, all through a minimal and intuitive overlay interface.
Problem
Writers often get interrupted when switching between tools to check their spelling and grammar, leading to lost focus and productivity during online writing tasks.
Solution
Built an unobtrusive browser extension using content scripts that automatically detects and highlights language errors in real time, letting users see and address issues on the spot with streamlined suggestions.
Features
- Instant, inline identification of spelling and grammar issues in any web text field
- Quick-fix suggestions and single-click corrections
- Customizable checking rules and support for excluded domains
- Lightweight, intuitive popup for configuration and usage statistics
Architecture
Background
Service worker manages extension state and API interactions.
Content
DOM-scanning scripts identify text, inject highlights, and surface correction tools directly within the browser environment.
UI
React-powered popup interface for managing extension settings and presenting usage insights.
Challenges
- Ensuring compatibility across varied and dynamic website structures without interfering with user content
- Maintaining performance and responsiveness when processing large or complex web pages
Outcomes
- →Provided a non-intrusive, always-available writing assistant for web users
- →Successfully distributed the extension with robust packaging and easy browser installation
Learnings
- Reliable writing assistance requires careful DOM handling and a focus on user privacy
- Users expect seamless integration and minimal disruption when using writing tools in their browsers
Next project
KharchaBook