Chinese Learner

Inspiration

I was inspired to build my project after my friend who was very into learning Chinese started learning by trying to understand music titles from his favourite artist. Since I also want to learn Chinese because I want to go to China someday in the future for work or for vacation I built this project.

What it does

My project teaches you Chinese. By inputting the correct Pinyin and translation for the word shown on the screen, you can score record points. The higher the number, the more you learned and retained.

How we built it

I built it using React JS, HTML, and CSS. Using state, event handling, and proper component architecture

Challenges we ran into

Some challenges I faced was trying to add the tone marks to the letters. Although it seems simple, the syntax was tough to figure out. Furthermore, since the error message said "unknown error" it was tough finding out the bug. I had to use an online JavaScript compiler and console.log() to figure it out.

Accomplishments that we're proud of

I'm proud that I finished the project as well as how it looks. I'm not an experienced front-end developer so I'm happy with the final product and mostly its use for me. I learned a lot of Chinese while building the project

What we learned

I learned more about React JS and JavaScript. Furthermore CSS as well. And lastly, but probably the most important, I learned way more Chinese which makes me happy.

What's next for Chinese Learner

I probably want to add more common words. Furthermore, fix up the visuals by adding more CSS and HTML content. I might even want to make it an app or launch it on the web for others who want to learn Chinese.

Built With

• css
• html
• javascript
• react
• scrimba