Skip to content

Billocap/kanji-display

Repository files navigation

Kanji Display

Kanji Display is a web application designed to help you study the japanese characters known as 漢字(kanjis).

Usage

Search bar

Use the search bar to search for a specific kanji (to type the kanji you must have a japanese keyboard on your device) or a reading (in either japanese or roman characters).

In the search bar you can also access the previous kanjis and readings you searched for.

List Dropdown

In the list dropdown you can search a list of kanjis that belong to that category.

Kanji display

When viewing a kanji you can also click on it's readings to search for kanjis with a similar reading.

Features

  • Mobile and Desktop support
  • Caching system for simplified search
  • Backup database in IndexedDB for better offline support

Tech

Data Source

Frontend

  • React - JavaScript library used to build the UI.
  • Typescript - Strongly typed language that builds for JavaScript
  • Tailwind - Utility-first CSS framework

Backend

  • Vite - On demand file server
  • Vercel - Platform for deploying frontend frameworks and static sites

Utils

  • Fontawesome - Icon library and toolkit
  • Wanakana - Javascript library for translating between english characters and japanese hiragana and katakana

License

MIT