/flashcard-demo-app

Study a new language with this simple flashcard app. This app is part of a workshop I'm teaching called "React for Beginners".

Primary LanguageJavaScript

Flashcard Demo App

Study a new language with this simple flashcard app. This app is part of a workshop I'm teaching called "React for Beginners".

Flashcard App Demo

This project was bootstrapped with Create React App.

Running the App Locally

  1. Clone the repo
  2. npm install
  3. npm start

Product Requirements

  1. The app should take a list of card data consisting of info for the front and back of each card.
  2. The user should be able to flip each card by clicking the card.
  3. The user should be able to navigate the stack of cards using the Previous and Next buttons.
  4. The Previous button should be disabled on the first card.
  5. The Next button should be disabled on the last card.

Stretch Requirements (Not Implemented Yet)

  1. Add a reset button to start over
  2. Add support for multiple languages
  3. Allow the user to add their own cards
  4. Fetch the card data from an external API
  5. Allow the user to mark if they knew or didn't know a card
  6. Allow the user to choose which language to see first