KanaKove Front 🏯

kanakove.com

A cove to help people learn the Japanese Kana (hiragana, katakana). This is the frontend.

Technologies 🎇

• React
• Typescript
• Ant Design
• Netlify

Resources 📎

• Dr Lingua
• Real Kana
• Tofugu's Learn Hiragana Quiz

Stackoverflow

• Programmatically navigate using react router
• How do I reload a page with react-router?
• Fixing 404 Errors w/ React SPA on Netlify
• Adding Google Analytics to React
• How to add google analytics to your reactjs app?

Other

• Build a React Timer Component Using Hooks
• How to shuffle elements in a JavaScript array

Todo ✔️

• modularize code (especially Playground.tsx)
• enable multiple options for じ, づ (and katakana versions)
• share button to share your scores and post them on social media
  • twitter: https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview
• implement high score with a high score page
• create sign in/register func
• create a help page (resources for learning the kana, maybe even a brief explanation of them and using SRS)
• optimize mobile
• add kanjis from genki
• once tested with JSG, post on reddit for others