8000
7FFF
Skip to content

Repository files navigation

Japanese Random Kana

Vite React TypeScript TailwindCSS

Live Demo on Netlify

A web app that will randomly generate Japanese hiragana, katakana, and romaji to be used as a quiz for Japanese language learning. Simply click the screen to generate a new character and click again to see the answer.

For hiragana and katakana, when you click the screen a second time, it will show the romaji for the given character. If you choose to show romaji first, it will instead show both kana on the second click.

📱 Progressive Web App (PWA)

This web app is a Progressive Web App with full offline support! Once installed, you can use it without an internet connection.

Features:

  • Offline Support - Works completely offline after first visit
  • Installable - Can be downloaded and added to your home screen
  • App-like Experience - Runs as a standalone app on mobile and desktop

How to Install:

On Mobile (iOS/Android):

  1. Visit the site in your mobile browser
  2. Look for the "Add to Home Screen" prompt, or
  3. Tap the browser menu (⋮ or ☰) and select "Add to Home Screen" / "Install App"

On Desktop (Chrome/Edge):

  1. Visit the site in your browser
  2. Click the install icon (➕) in the address bar, or
  3. Look for the install prompt and click "Install"

Once installed, the app will work offline and can be launched like any native app!

💻 Local Installation

pnpm install
pnpm run dev

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request. Contributions are welcome!

Made with contrib.rocks.

About

Web app randomizer quiz for Japanese Hiragana and Katakana. Built with React.

Topics

Resources

Stars

8 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

0