javascripty's Issues
Start Review
As a user of Javascripty I should be able to review flash cards on fundamental javascript concepts when I click the start review button.
Adjust Layout and Card Sizing
Start from mobile screen size and build up to update the styling of our cards and the app
Add Hover State
Add hover state to all buttons on flash cards and buttons used to start and continue review sessions
Implement 3D Card Stack
Create a 3d card stack affect when the user has began a review.
Submit Answer to Questions
As a user of Javascripty I should be able to submit answers to the questions presented in the flash card.
Card Container Layout
Update layout for our Card Container
Install UUID
Implement uuid in all component files, to prevent react unique id error
Update Welcome Page
Style landing page that user will visit on page load.
Update README.md
Implement readme.md per examples of what a good read me looks like.
Style Post Review Pop Up
Implement layout and styling for element that will render after our user completes each review session.
Start New Session
As a user of Javascripty I should be able to review all of my cards in a new session after I have answered all cards correctly.
Set Up Components
Implement components that are needed for this app:
-
App(removed preinstalled code)
-
Card Container
-
Card
Implement a Method That Checks the Users Answer
In order to add this functionality we must create a method that takes our answer from a user on the click of a button and then checks if their selected answer is correct or incorrect.
Local Storage
In this app we want to use local storage to allow the incorrect answers to persist and the and the element that shows how many cards they answered correctly.
Render Correct Answers and Continue Review
After our user has completed their first review session of all 30 cards, we want a new element rendered that displays how many cards they answered correctly and a button that allows them to continue with their review session
Review Cards With Incorrect Answers
As a user of Javascripty after I reviewed all cards, my following review sessions should only allow me to review the cards that I answered incorrectly.
Style Flash Cards
Apply proper layout for our flash cards and additional styling.
Display Correct Answers
As a user of Javascripty I should be able to see how many questions I answered correctly after reviewing all of the flash cards.
Review Next Card
As a user of Javascripty I should be able to review the next card in my deck after I submitted an answer to a flash card.
Add Wire Frame to ReadMe
Get lofi and hifi photos from wire frame sessions and implement them into my project.
Implement Method That Starts Review Session
Create a method in our app component that allows users to start review session on the click of a button on our landing page.
Display If User Has Answered Correct/Incorrect on a Card
Implement a method that displays if the user has answered a card incorrectly or correctly on after selection.
Review Until Correct
As a user of Javascripty I should only be able to review incorrectly answered cards until I have answered all cards correctly.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.