/flashStudy

A React-based flashcard study aid application with multiple choice questions based of basic front-end wed development principals.

Primary LanguageJavaScript

FlashStudy

A React-based flashcard study aid application with multiple choice questions based of basic front-end wed development principals.

Install/Setup Instructions

git clone https://github.com/lorynmason/flashStudy.git

cd flashStudy

npm install 

npm start

Project Descriptions

FlashStudy is a flash card application, for studying basic front-end wed development principals. Questions that are answered incorectly get saved to local storage, the user can access these saved questions by clicking on the 'ReStudy' button. Answered questions will dispapear from the page. If the user clicks the 'View All' button all the cards will is reapear on the page.

Technologies Used for this project

  • The fetch API for sending/receiving our data
  • ReactJS for organizing our application into components
  • JSX for writing our component templates
  • Sass for keeping our CSS DRY

User Stories

As a user,
I should be able to see all question cards on page load, the cards should each display a 
question, I should be able to click on a question card and see the multiple choice answers. When I 
click on a answer, and click enter, I should see a message if the answer was right or wrong. After 
I close the question cards, that question should no longer be diplayed.
As a user, 
I should be able to click on the 'ReStudy' button and see all the questions I got wrong, once 
I've gotten the question right it will no long be saved in local storage, and no longer appear 
when I click the 'ReStudy' button.

Design and Layout

Wireframes

screen shot 2018-11-06 at 7 09 45 pm

screen shot 2018-11-06 at 7 10 07 pm

Finished Design

screen shot 2018-11-06 at 6 54 57 pm

screen shot 2018-11-06 at 7 13 20 pm