İngilizce İlk 1000 Kelime Öğrenme Eklentisi

Google Web Store Linki: https://go.emrecb.com/wordmaster-ingilizce-1000-kelime-web-store

Github Kaynak Kodu: https://go.emrecb.com/english-vocabulary-learning-github

Kategori: Chrome Eklentisi / Eğitim Teknolojileri (EdTech) Rol: Full Stack Geliştirici & UI Tasarımcı

📌 Proje Özeti

Wordmaster – Loruv, kullanıcıların internette gezinirken İngilizce kelime dağarcıklarını geliştirmelerini sağlayan, bilimsel Aralıklı Tekrar Sistemi (SRS) tabanlı modern bir Google Chrome eklentisidir. Kullanıcıların unutma eğrisini aşarak kelimeleri uzun süreli hafızalarına aktarmalarını hedefler.

💡 Problem ve Çözüm

Dil öğrenenlerin en büyük sorunu, öğrenilen kelimelerin tekrar edilmediği için kısa sürede unutulmasıdır. Çözüm: Wordmaster, tarayıcıya entegre çalışarak kullanıcıyı rahatsız etmeden, doğru zamanda doğru kelimeyi hatırlatan akıllı bir algoritma sunar. “Mikro öğrenme” yöntemiyle öğrenme sürecini gün içine yayar.

🚀 Temel Özellikler

Bilimsel SRS Algoritması: “Öğrendim” denilen kelimeyi silmez; 10 dakika, 1 gün, 3 gün gibi artan aralıklarla tekrar sorarak kalıcı öğrenme sağlar.
Kişiselleştirilebilir İçerik: Kullanıcılar sadece hazır listelere bağlı kalmaz; kendi kelimelerini, çevirilerini ve örnek cümlelerini veritabanına ekleyebilir.
Kalıcı Veri Yönetimi (Persistence): Eklenti kapatılıp açılsa bile ekrandaki kelime ve kullanıcının ilerlemesi kaybolmaz (chrome.storage API).
Gelişmiş Raporlama: Kategori bazlı başarı oranları sunar ve tüm veriyi Excel (.csv) formatında dışa aktarma imkanı verir.
Çok Dilli ve Erişilebilir: Türkçe ve İngilizce dil desteği (i18n) ve Sesli Okuma (Text-to-Speech) özelliği.
Modern UI: Göz yormayan “Midnight Blue” temalı, kullanıcı deneyimi odaklı arayüz.

🛠️ Kullanılan Teknolojiler

JavaScript (ES6+): Asenkron veri yönetimi ve algoritma mantığı.
Chrome Extension API (Manifest V3): storage, tts, i18n ve background service workers.
CSS3: Modern değişkenler (variables), Flexbox/Grid ve responsive tasarım.
HTML5: Semantik yapı.

English Top 1000 Words Learning Plugin

Google Web Store Link: https://go.emrecb.com/wordmaster-english-1000-word-web-store

Github Source Code: https://go.emrecb.com/english-vocabulary-learning-github

Category: Chrome Extension / EdTech Role: Full Stack Developer & UI Designer

📌 Project Overview

Wordmaster – Loruv is a modern Google Chrome extension designed to help users master English vocabulary using the scientific Spaced Repetition System (SRS). It integrates seamlessly into the browser environment, allowing users to convert passive browsing time into active learning sessions.

💡 The Challenge & Solution

The biggest hurdle in language acquisition is the “Forgetting Curve.” Words learned today are often forgotten within days if not reviewed. The Solution: Wordmaster acts as an intelligent assistant that automates the review process. It uses a custom algorithm to resurface words at optimal intervals, ensuring they move from short-term to long-term memory without overwhelming the user.

🚀 Key Features

Smart SRS Algorithm: When a user marks a word as “Learned,” the system schedules reviews at increasing intervals (10 mins, 1 hour, 1 day, etc.) based on memory science.
User-Generated Content: Users can extend the database by adding their own custom words, translations, categories, and context sentences via a built-in form.
State Persistence: Utilizing the chrome.storage API, the extension maintains the state of the current word and user progress across browser sessions.
Analytics & Export: Provides detailed stats on mastery levels by category and allows users to download their entire learning history as an Excel (.csv) file.
Accessibility & i18n: Full support for multiple languages (TR/EN) and integrated Text-to-Speech (TTS) for pronunciation practice.
Modern UI/UX: Designed with a professional “Midnight Blue” theme focused on readability and ease of use.

🛠️ Tech Stack

JavaScript (ES6+): Handling asynchronous operations, SRS logic, and DOM manipulation.
Chrome Extension API (Manifest V3): Leveraging storage, tts, i18n, and service workers for robust performance.
CSS3: Utilizing CSS variables, Flexbox, and Grid for a clean, dark-themed interface.
HTML5: Semantic markup.