☰

Vocabo - Chrome Extension

Chrome Store
Loading video...

Project Overview

Vocabo is a sophisticated Chrome extension designed for language learners, enabling real-time translation, vocabulary management, and spaced repetition learning directly within the browser. It leverages advanced JavaScript for DOM manipulation, dynamically identifying and translating words based on the user's custom word bank.

Vocabo Extension Interface

Technical Overview

This project demonstrates expertise in Chrome extension development (Manifest V3), complex JavaScript logic including DOM manipulation (Mutation Observers, Regex), and build tooling integration.

Architecture & Stack

  • Frontend: React (injected dynamically), Content Scripts
  • Build Tools: Vite, pnpm, Turbo (HMR)
  • Extension Specifics: Manifest V3, Chrome Local Storage
  • Backend (Potential): Node.js/Express (for API, if applicable beyond local storage)

Core Functionality

  • Real-time text translation on web pages.
  • Vocabulary management system (saving words).
  • Spaced repetition learning integration.
  • Cross-browser synchronization (potential via backend).
  • Offline functionality (using local storage).