Hanzi Learning Web App

Full Stack React Web Application for Teaching Hanzi.

Current version: V: 0.5 Finishing everything up for initial release, mainly backend and server related

About

This Application was for me to study hanzi more as well as provide a way for people to learn easier than I did. It has a personal database that can be used as an api as a dictionary that includes all sorts of metrics such as simplified and traditional hanzi, the stroke counts for each, the definition, the pinyin, hsk level, and category the word falls under. There is a learn section to go over new vocabulary over time using SRS method (spaced repetition). Then You can review previous vocabulary through multiple trials. You can quiz stroke order, definitions, sounds, etc. The apps dictionary is full and has example usages for every entree, this makes this Hanzi web app unique and powerful.

Tools used

Walkthrough

Home and account

Learn page

Practice page

Settings page

Search page

Past versions

Documentation of each git release is contained and stored.

History

V4

• V: 0.4.0 File reformatting, bug fixes, settings, themes, practice option

V3

• V: 0.3.5 Bug fixes, optimization, code formatting
• V: 0.3.4 Ui changes, new review methods
• V: 0.3.3 Bug fixes, ui cleanup, ui qol, story system
• V: 0.3.2 Bug fixes, ui changes, code cleanup.
• V: 0.3.1 Practice Page, bug fixes, optimization on queries and load times, new theme, strings are now localized.

V2

• V: 0.2.1 SRS start and reviewing, bug fixing

V1

• V: 0.1.1 Learn Page ui
• V: 0.1 Base Update and dictionary api (personal)...

Future plans

Plans and structure for each version planned along with the already completed versions.

Roadmap

V0.1

• Setup ReactJS and NodeJs
• Create Login and register system
• Create base outline for dictionary setup
• Create of hanzi dictionary in sql, up to hsk1 (174 characters)
• Searching functionality, making dictionary usable
• Setup base ui for site

V0.2

• Create SRS system
• Create basic user stats
• Add more details to hanzi dictionary (about, sentence, etc...)
• Add ability to start learning new characters
• Review system
• Lesson system
• Start making trial lessons

V0.3

• Convert all text to string file for the future ability to add language support
• Optimize dictionary calls by making it one time global
• Calculate user current level
• Start practice systems