Skip to content

ZSS57/Mandarin-Flashcards

Repository files navigation

FUll Stack Web Development - Mandarin-Learning

This web app: can help users to learn Mandarin and Chinese Culture

Follow the steps to run the app:

1,npm install 2,npm run dev

The following required functionality is completed:

  • The app displays the title of the card set, a short description, and the total number of cards
    • Title of card set is displayed
    • A short description of the card set is displayed
    • A list of card pairs is created
    • The total number of cards in the set is displayed
    • Card set is represented as a list of card pairs (an array of dictionaries where each dictionary contains the question and answer is perfectly fine)
  • A single card at a time is displayed
    • Only one half of the information pair is displayed at a time
  • Clicking on the card flips the card over, showing the corresponding component of the information pair
    • Clicking on a card flips it over, showing the back with corresponding information
    • Clicking on a flipped card again flips it back, showing the front
  • Clicking on the next button displays a random new card

The following additional features are implemented:

  • Add more games to make the website useful.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors