凯利老师的汉语水平考试学习应用
This app is designed to help people study for the HSK exam.
How To Page
Choose the number of cards you want to study
Choose the HSK level that you want to study
Choose the language to show on the front of the card
Question Card / Card Front
Answer Card / Card back shows the word you guessed, a button to play the pronunciation audio, the pinyin, and the meaning. There is also the option to either return the card to the deck if you need more practice with it in your current session, or to retire it so that you don't see it again in this session or in future sessions (There's a way to unretire cards at the end of the session)
Session complete screen; click on the 加油 to go to the final screen.
The final screen allows you to either play again with all new cards or to return retired cards to the deck. A future release will allow a user to specifically review cards without returning them to the deck.
- Select an HSK level to study at the beginning of each session
- Select the number of flashcards to study at the beginning of each session
- Decide whether to look at a card again later in the study session or retire it for the current session
- Hear pronunciation of each Chinese vocabulary word by native speakers
- Track study sessions over time
- provide statistics for how amny times words needed to study more than once in a given session
- weekly overview sessions to review all of the words studied for the week
- selecting how many new words vs how many review words to study per session
Resources Used:
User Cerbrus answer to this stackoverflow post for the sorting function: https://stackoverflow.com/questions/21987909/how-to-get-the-difference-between-two-arrays-of-objects-in-javascript/21988185
Materializecss https://materializecss.com/
https://forvo.com/ for pronunciation API
Github User gigacool's HSK json files https://github.com/gigacool/hanyu-shuiping-kaoshi
MDN Web Docs & w3school for information on the methods used https://developer.mozilla.org/en-US/ https://www.w3schools.com/