English Flashcards App

Table of contents

• Overview
  • Main Function
  • Links
• My process
  • Built with
  • Continued development

Overview

Main Function

Users should be able to:

• Access flashcard sets and start revising vocabulary that has been learnt in the past year.
• Sort through the cards one by one and being able to see the the English and Japanese sides.
• Store cards needing to be learnt and revise them in a separate page.
• Remove cards that have been learnt from current deck.
• Being able to edit the master deck and editing the card contents (WIP)

Links

• Solution URL: Github Repo
• Live Site URL: English Flashcard App

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• CSS Modules
• Firebase - Backend as a Service
• TypeScript - Strongly typed programming language on top of JS
• React - JS framework
• React Router - React routing library
• 

What I learnt & Challenges I faced

• See my blog post on DEV.to!

Continued development & future implementations

• Enable users to edit the master deck and change the content of the flashcards first (WIP)
• Afterwards, being able to delete the cards/sets and add new ones as the user wishes.
• Add a button to randomise the flashcards for extra variety.
• Add animation for the cards when they flip.