GithubHelp home page GithubHelp logo

kt946 / sakura-flashcards Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 251 KB

Sakura Flashcards is a Japanese language flashcard app inspired by Quizlet and based on the Genki: An Integrated Course in Elementary Japanese (3rd edition) textbook.

Home Page: https://sakura-flashcards.vercel.app

CSS 1.13% TypeScript 98.79% JavaScript 0.08%
education flashcard flashcard-app flashcard-application flashcards genki japanese japanese-language japanese-study language

sakura-flashcards's Introduction

Sakura Flashcards

SakuraFlashcardsBanner

Description

Welcome to Sakura Flashcards, your ultimate study companion for mastering Japanese! Inspired by Quizlet and designed to align seamlessly with the Genki: An Integrated Course in Elementary Japanese (3rd edition) textbooks, these flashcard exercises are tailored to reinforce your understanding and retention of each lesson's material. Simply navigate to any lesson and select the exercise you'd like to tackle. Dive in, challenge yourself, and watch your Japanese skills soar! Happy studying! 頑張って!

Table of Contents

Installation

To install Sakura Flashcards on your local machine, follow these steps:

  1. Clone the repository or download the zip file.
  2. Install the dependencies using the following command in the terminal:
npm install
  1. Run the development server using following command in the terminal:
npm run dev
  1. Open http://localhost:3000 with your browser to view the application.

Features

This project includes the following features:

  • Genki I and II study sets
  • Various flashcard exercises for each lesson, including hiragana, katakana, kanji and vocabulary
  • Sleek and mobile-responsive user interface using Tailwind CSS
  • Dark theme for comfortable studying in low light conditions

The following keyboard shortcuts are available for the flashcard exercises:

  • Left Arrow Key - Cycle to the previous card
  • Right Arrow Key - Cycle to the next card
  • Spacebar - Reveal the answer

The following features are planned for future releases:

  • More exercises, including grammar and reading comprehension

Screenshots

homepage-screenshot

This is the homepage of the application, where you can select the study set.


lessons-screenshot

After selecting the study set, you can choose the exercise you'd like to study.


flashcards-screenshot

Here is an example of the flashcard exercise. You can cycle through the cards and reveal the answers.


laptop-mockup

Have fun studying with the sleek and user-friendly interface.


smartphone-mockup

Take your studies on the go with the mobile-responsive design.

Technologies Used

Contributing

If you'd like to contribute to this project, please fork the repository and submit a pull request.

Credits

Links

License

This project is licensed under the MIT License.

sakura-flashcards's People

Contributors

dependabot[bot] avatar kt946 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.