Inspiration

Learning Chinese is tough! Me, as Chinese learner, also suffer from learning Chinese vocabulary. Unlike some languages, a Chinese word has so many things around it to remember. Looking up a word in the dictionary? Dictionaries often give so much information, so many different meanings for a certain word although we only need the one at the right context. There are tons and tons of problems relating to learning Chinese vocabulary, which is a critical point of learning a language Therefore, I built this website Hack Your Chinese to somehow reduce the stress when learning this language

What it does

Basically, we can paste in a sentence, or a paragraph of Chinese, and hit enter. Then, the text will be sent to Google Gemini to analyze and return the result. At the result page, we can view each word meaning, HSK level, word type, etc.

How I built it

The webpage was built using React TypeScript and the backend server was built with Node.js The website also use Google Gemini API to make use of this powerful generative AI, which is responsible for analyzing the text and generate results based on a set-up format.

What I have learned

After successfully transfer my idea to real product, I have not provided myself with new knowledge of backend development with Node.js, API calls, system design, and better frontend developement skills. I have also learned some new Chinese words while developing this website:)

What's next for Hack Your Chinese

As a Chinese learner, I can see that this website has so many potential upgrades, all for the sake of easier Chinese learning

  1. Animations displaying how to the a certain word
  2. A personal note to save words
  3. Highlight words in the text with certain filters (e.g. HSK level)

Built With

Share this project:

Updates