Reactive Web App Development
Budget: $8 – $15 USD
Assumption: HTML with JavaScript internals
Assumption: No react or another “framework”
Tasks
1) Create responsive UI similar to above
2) Populate the UI using the sample JSON scene
3) Swap between tiles (red, black) and four-color (red, blue, black, green) tiles
4) Milestone: approve UI and sample load
5) Load the full JSON sample
6) Switch to the next scene in the array every 60 seconds if no response
7) Accept user’s response
8) Compare that response in terms of the answer data in the same JSON scene
9) Option to change the duration per scene from default 60 seconds (90, 60, 30, 15) for the training
10) Milestone: Approve the basic action
11) Allow user to switch between card decks, below and tiles
12) Allow the user to pause and resume every 50 scenes
13) Provide the user’s score for the scene
14) Show the user the score and the time remaining before the scene will timeout
15) Store missed scenes in an error JSON array; allow user to train on just the error scenes
16) Allow the user to select from multiple scene packs
17) Milestone: Accept Version 1 of the project
Assumption: No react or another “framework”
Tasks
1) Create responsive UI similar to above
2) Populate the UI using the sample JSON scene
3) Swap between tiles (red, black) and four-color (red, blue, black, green) tiles
4) Milestone: approve UI and sample load
5) Load the full JSON sample
6) Switch to the next scene in the array every 60 seconds if no response
7) Accept user’s response
8) Compare that response in terms of the answer data in the same JSON scene
9) Option to change the duration per scene from default 60 seconds (90, 60, 30, 15) for the training
10) Milestone: Approve the basic action
11) Allow user to switch between card decks, below and tiles
12) Allow the user to pause and resume every 50 scenes
13) Provide the user’s score for the scene
14) Show the user the score and the time remaining before the scene will timeout
15) Store missed scenes in an error JSON array; allow user to train on just the error scenes
16) Allow the user to select from multiple scene packs
17) Milestone: Accept Version 1 of the project