📋

SaveToAnki

JS Web Development UX

Introduction

SaveToAnki is an English Vocabulary Learning tool developed as a Google Chrome Extension. It was designed to automate the learning process of vocabulary we encounter on daily basis.

It automatically creates flashcards in AnkiDroid directly from words we look up on Google Translation. The flashcard includes translation, pronounce, and example sentences for better learning experience.

About AnkiDroid

AnkiDroid is a flashcard app creating spaced repetition reviews by considering forgetting curve.

SaveToAnki eliminates the time creating flashcards one by one, which significantly increases efficiency.

Role

I was the design lead of the project, and co-developed this tool with full-stack web developer Alexander Wang.

Time

Apr 2019 - July 2020

This is an ongoing project. We're still planning on upscaling the tool into a fully functional application.

Tool

HTML, CSS, Javascript, jQuery

Flow Chart

I created a task flow to demonstrate how the tool works.

Features

Auto Search: By pressing Shift on the keyboard, the tool will turn on the Google Translation tab and show the result.

Auto Log: The tool generates a button on Google Translation tab; by clicking it, a flashcard contained formatted information of the word saved into AnkiDroid.

Systematically Structured

Enjoy the learning process!

🔙

Works