kebin20/english-flashcards-app

A flashcard app built with React, TypeScript and styled-components with the main flashcard data stored in Firebase. This is to help ES students revise all of their studied vocabs. They're able to revise cards needing revision and remove learnt cards from the deck. Deck layout and content can be edited via Firebase.

english-flashcards-app's Issues

issue#2 : Cards resetting to it's original state when revised cards are moved out

Cards from the card array that have been revised which then goes into the 練習 pile and the current page having the new modified deck
is not working as the state of the deck is reset to the original array. Will need to find a way to update its state.

issue#1: Every single set of decks are being updated together

Ran into a bug where if one set's deck of cards are modified (i.e. removed by pressing 覚えた button) the same positioned index of cards in other sets would be equally removed.

(NEW) Actually found out that now all of the sets will share the same modified deck after pressing 覚えた button.

Possible solution: Use card id instead of the index, but will need to check on how the data is being passed down.

issue#3 Space bar issue

Pressing the space bar doesn't fully flip the word. However, using the mouse and arrow pads are fine.

Disable link to edit deck in the interim

Will need to fully flesh out the edit deck section before enabling logon. For now, need to disable the 編集 button

Infrequent crashes

Overview

Occurs when revising sent cards into revision deck. When iterating through the flashcards, the crash will occur.
See screenshot below

Todo

• Investigate this t error in files within the revise file

Link homepage title to go back home

Enable link back to home by clicking on the title; make it more obvious that elements on web page are clickable