GitHub Live Preview

Kanji Study

This application is designed to help users study kanji by providing an interactive experience where they select cards and attempt to correctly guess the kanji by spelling it out. As well as new additions hiragana and Katakana to improve your basic japanese, while this project serves as a personal tool for studying japanese it also was a great practical exercise in working with TypeScript and Tailwind CSS. By using these technologies in a larger project, with the api integrated it allowed me to see whats it like to use typescript within a larger scope and the reasons it's used within the web development.

Features

Users can study Kanji Hiragana & Katakana.

Users can test their knowledge on a selection of Kanji Hiragana & Katakana by typing in the japanese for each answer

Users will then be rated on how well they did and show which one your need to practice more.

Lessons Learned

I learning a lot of the structure of a TypeScript React app as well as letting Tailwind control the css. I wanted to try calling to a JSON file online to see how it works for an other project in the works so it was interesting working with headers and understanding how Vite deals with .env files.

Future features

To flesh out my study idea and to have a better sorting features for the cards.

Quiz like study for very similar kanji like ( 鳥 and 烏 ).

Working On / Research

Add and improve accessibility on website.

Cleaning up UI.

Fixing bugs.

Deployment

This site is deployed to render.

Other Projects