https://github.com/wesdoyle/react-flashcards

A simple React + Firebase flashcard application
https://github.com/wesdoyle/react-flashcards

chinese chinese-characters react react-flashcards

Last synced: 8 months ago
JSON representation

A simple React + Firebase flashcard application

• Host: GitHub
• URL: https://github.com/wesdoyle/react-flashcards
• Owner: wesdoyle
• Created: 2017-07-27T11:57:47.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-07-31T19:05:32.000Z (almost 9 years ago)
• Last Synced: 2025-07-04T07:04:18.305Z (about 1 year ago)
• Topics: chinese, chinese-characters, react, react-flashcards
• Language: JavaScript
• Homepage:
• Size: 303 KB
• Stars: 32
• Watchers: 3
• Forks: 13
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## React-Flashcards 

This application is in progress. Currently, the application is used for basic flashcard memorization of the Hanzi.  The latest version of this application is built using React.

![screenshot](https://github.com/wesdoyle/react-flashcards/blob/master/hanzil-demo-gif.gif)

## getting started

Demo JSON available in `src/Data/cards.json`. This app requires a Firebase database containing structured data for the Hanzi you would like to study. The format the application expects out of the box is, as an example:

```

{

    "cards": [

        {

            "id": 1,

            "eng": "to be",

            "han": "是",

            "pin": "shì"

        },

        {

            "id": 2,

            "eng": "not",

            "han": "不",

            "pin": "bù"

        }, 

        ...

```

Place firebase connection data in `src/Config/Firebase/db_config.js` in the following format:

```

export const DB_CONFIG = {

    apiKey: YOUR_API_KEY,

    authDomain: YOUR_AUTH_DOMAIN,

    ...etc.

}

```

## to-do

Implement spaced-repetition algorithm with user feedback re: memoriziation confidence.

## misc

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).