A beginner Japanese alphabet learning application and quiz built with Vue. A work in progress.
Live link 👉here👈
- Learning with Hiragana and Katakana flashcards displaying different sounds and equivalent english (romaji) pronounciation
- Quiz with 5 rounds of random hiragana and katakana matching
- Tech and concepts used:
- Single File Vue Components
- Scoped CSS + SCSS
- Vue Router
- Vue CLI
- Webpack
- Routing to Home, Chart and Quiz pages
- Accessibility audit
- Add a Kanji learning section and calls to an API to receive kanji information
- Add transition between mounting and unmounting components
- Discontinued Drag and Drop feature in quiz and implemented "Tap to Match" feature for improved accessibility.
- Refactored the entire web application from Vanilla JS to Vue's single file components. Search for the earliest commits in this repo and you'll find a very different iteration of this project.
Clone the repository and ensure the latest version of Node.js is installed on your machine. Run npm install to install all dependecies.
In the project directory, you can run:
Builds the app for production to the dist folder.