A very simple Web App to learn chinese characters

Posted on April 10, 2015

Based on the most common chinese characters that I talked about before, I created a very very simple web application to learn more characters, and to play with AngularJS.

Technical Description

I used AngularJS to build this application, this application doesn’t have a backend, everything is running on your browser.

The app is composed by the following components:

Functional Description

The app shows a chinese character, you have to write the Pinyin notation for the character, and it’s meaning in English.

Chinese is a tonal language, tones are represented in Pinyin by accentuation. There are some characters that are not easy to write in a normal keyboard, for example:

ā ē ī ō ū 
ǎ ě ǐ ǒ ǔ 

The app shows these characters, if you click on them the character is passed to the Pinyin field.

I have uploaded this mini-project to Github, if you want to improve it, you are very welcome.

Here you can see the app running