Git Product home page Git Product logo

flash-cards-web's Introduction

A Flash Card Project Web

Languages Stars Forks Contributors

A Flash Card Project ๐Ÿš€

Web-Signin


๐Ÿ“Œ Table of Contents

๐Ÿš€ User Stories

  • User can see a single card, randomly picked from the "deck" displayed at any point in time
  • User can see a question on the card and a list of four possible answers, each of which is identified by a letter.
  • User can select an answer by clicking on it
  • User can see an error displayed when the wrong answer is selected
  • User can see a congratulations message when the correct answer is selected.
  • User can click a 'Next Question' button to display the next flash card.

Additional Info for the Developer

  • For this app the knowledge base of questions and answers should be encoded in a JavaScript object.
  • The possible answers display on each card should be randomly chosen from other flashcards.

Bonus features

  • User can click a 'Results' button to display the tallies of correct and incorrect answers.
  • User can click a 'Reset' button to reset the tallies of correct and incorrect answers.
  • User can click a 'Shuffle' button to re-randomize the "deck"
  • User can click a 'More Info' button to flip the flash card to see additional information. For example, detailed information about the subject of the question on the front of the card.

๐Ÿ‘ท Installation

You need to install Node.js and Yarn first, then in order to clone the project via HTTPS, run this command:

git clone https://github.com/ArthurPedrosa/flash-cards-web.git

SSH URLs provide access to a Git repository via SSH, a secure protocol. If you have a SSH key registered in your Github account, clone the project using this command:

git clone [email protected]:ArthurPedrosa/flash-cards-web.git

๐Ÿƒ Getting Started

Run the following command in order to start the application in a development environment:

  // Start the server
  yarn dev

๐Ÿ› Issues

Feel free to file a new issue with a respective title and description on the the A Flash Card Project repository. If you already found a solution to your problem, i would like to review your pull request!

๐Ÿ“• License

Released in 2020. This project is under the MIT license.

Made by Gabriel, Wender and Arthur ๐Ÿš€

flash-cards-web's People

Contributors

arthurpedrosa avatar wenderpmachado avatar gabrieldeoa avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.