Morgan O'Shaughnessey

Hiragana

About

This was one of my first React projects: a simple yet effective flashcard app that helped me learn Hiragana and Katakana, the two primary Japanese writing systems. The background images feature iconic mountains and rivers of Japan, sourced from Unsplash, and were transformed into watercolor-style prints using an AI image processing service.

Tech Stack

  • React
  • CSS
  • Netlify
  • Original Design
  • Project Hero Image

    Hiragana flashcards main page

    Features

    Toggle and Shuffle Features

    Both Katakana and Hiragana consist of characters grouped into 10 sets. The toggle selectors allow users to switch between these groups, creating a natural and intuitive study experience. The shuffle button randomizes the order of the characters within the selected group for varied practice.

    Toggle and shuffle feature demonstration

    Character Switching

    The 'Switch' button at the bottom of the UI lets users toggle between Hiragana and Katakana. This project helped me tackle several state management challenges, and I’m excited to enhance the source code to make it more adaptable for other languages as part of an open-source project.

    Character switching feature