chin-scraper

Studying Chinese made easy!

 

Live on:

• numanaral.github.io/chin-scraper/
• old version

 

Pages / Modules:

• Learn - Learn new characters with many details
  • Search for hanzi / Chinese character(s)
    • You can search full sentences or single word
      • Allowed punctuation: , . ? ! ， 、 。 ？ ！
  • View the sentence result
    • Translation
    • Pinyin
    • Hear the pronounciation (default browser SpeechSynthesisUtterance)
  • View single character results from the given sentence(s)
    • Translation
    • Pinyin
    • Animated stroke order
    • Hear the pronounciation
      • Native pronounciation with a fallback to browser SpeechSynthesisUtterance
    • More Info
      • Other translations
      • Example sentence
      • Other words containing this character
  • Practice drawing using your mouse/finger
  • Add character into your favorites (Coming soon)
• Practice - Focus on writing / learning the strokes without any distraction
  • Search for hanzi / Chinese character(s) without any punctuation
  • Practice writing
  • Configurable options are:
    • Rice Grid (米)
      • Use star pattern on the background
    • Shuffle
      • Suggest random characters from the given list
        • Prevents location-type memorization
    • Continuous
      • Continuously suggest characters from the given list
    • Challenge Mode
      • Don't show the strokes (draw on a blank background)
    • Autoplay sound
      • Auto play sound when you go to a new suggestion
    • Highlight once in Challenge Mode
      • Highlight the strokes once on challange mode
• Analytics - View how many times words/characters are searched in a wordcloud
• Preferences - Manage user preferences
  • Toggle theme
    • Dark mode & Light Mode
  • Changes colors (Coming soon)
  • Disable/Configure animations (Coming soon)
• Report - Bug Report / Feature Requests / Questions
• About - Resources, links and more info regarding the app
• Account - Account (Coming soon)

 

Why create this?

• Unlike hanzi5 and other similar sites:
  • You don't need to refresh a whole page!
  • You can search multiple characters / sentences at once!
  • Practice writing
  • Hear pronounciation
  • Learn extra details

 

To Do:

• Display stroke gif, pinyin
• Display translation
• Speak out the word
• Create proxy router to scrape from other sites
• Do single translate request and get translation result for the whole sentence and each character along with their pinyin
• Add full word translation
• Add full word pronunciation
• Collect analytics for the searched words
• Work on UI
  • favicon
  • responsiveness
  • layout
  • Full upgrade including theme and animations
• Setup PWA
• Save user settings in the local storage
• Add config options to hide/show what to display
• Build Account
  • Integrate auth
  • Allow users to:
    • Save preferences in their account
    • Create study groups / list of words that can automatically be:
      • Learned
      • Practiced
    • Add characters into their favourites list
• Add more examples to More Info option for each character in Learn

 

Sources:

• Translated by Google Translate
• Stroke animations & Drawing Mode by Hanzi Writer
• More Info on characters & Native pronunciation from Han trainer
• Logo created by Freepik from FlatIcon