Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/richiepowell/japanese-practice
A game for practicing Japanese kana and words. Similar to flash cards, but with the power of React.
https://github.com/richiepowell/japanese-practice
game japanese language learning practice react tool vite
Last synced: 1 day ago
JSON representation
A game for practicing Japanese kana and words. Similar to flash cards, but with the power of React.
- Host: GitHub
- URL: https://github.com/richiepowell/japanese-practice
- Owner: RichiePowell
- License: gpl-3.0
- Created: 2021-04-05T16:15:33.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-10-21T23:39:45.000Z (28 days ago)
- Last Synced: 2024-10-22T12:11:28.173Z (27 days ago)
- Topics: game, japanese, language, learning, practice, react, tool, vite
- Language: TypeScript
- Homepage: https://japanesepractice.app
- Size: 1.18 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Japanese Practice
A modern, interactive way to practice Japanese hiragana, katakana, and other word sets. This Vite-powered, React-based app combines the simplicity of flashcards with an engaging interface and customizable options.
Try the game online: [Japanese Practice](https://japanesepractice.app/)
## Features
- **Select Word Sets**: Choose from various categories like Hiragana, Katakana, and more.
- **Practice Mode**: Answer by typing or selecting the correct romaji for the presented character.
- **Customizable Game Settings**: Options include limiting game time and setting time per answer.
- **Feedback**: Performance stats including time taken, average answer time, correct/incorrect answers, and detailed feedback for incorrect guesses.
- **User-Friendly Interface**: Designed with a clean UI, the app allows for seamless interaction across devices.
- **Show Correct Answer Option**: Learn from mistakes instantly by toggling the 'Show Correct Answer After Mistake' feature.
- **Responsive Design**: Works on both desktop and mobile devices.
## Installation and Running
To run the app locally, follow these steps:
### Prerequisites
Ensure you have [Node.js](https://nodejs.org/en/) installed.
### Step 1: Install Dependencies
```
npm install
```
### Step 2: Start the App
```
npm run dev
```
Once started, the console will provide a local URL (typically `http://localhost:3000/`) to access the game in your browser.
## Available Scripts
In the project directory, the following commands are available:
### `npm run dev`
Runs the app in development mode. The page will reload when you make edits. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
### `npm run build`
Builds the app for production into the `dist` folder. The build is optimized for the best performance.
### `npm run serve`
Serves the production build from the `dist` folder to preview locally.
## Progressive Web App (PWA)
This app is configured as a PWA using Vite's PWA plugin. The manifest includes offline capabilities and icons for various devices.
## Originally Inspired By
This project was originally inspired by [Daniel Griffiths'](https://github.com/Daniel-Griffiths/) [React Hiragana Katakana Game](https://github.com/Daniel-Griffiths/react-hiragana-katakana-game/).