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.

About me:

Hey there! I'm a web developer from New Zealand, living in Japan now! I'm always excited to dive into new technologies and keep up with the latest trends. Learning and growing is a huge passion of mine, and I'm constantly looking for ways to improve my skills. Let's build some awesome stuff together!

• 🔭 I’m currently working on an invoicing app project with Vue, Bootstrap & SCSS!

• 🌱 I’m currently learning Ruby and Vue

• 📝 See my blog posts to see my key learning takeaways! kebin20

• 📫 How to reach me [email protected] or 👇

Connect with me:

---

Languages and Tools:

---

Stats:

 

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.

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

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.

Disable link to edit in the interim

Infrequent crashes

Occurred when revising sent cards into revision deck and going through them

Space bar issue

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