taylorsperry / study-up Goto Github PK

The App component is fairly overburdened in its functional responsibilities and state. In the future, I'd want to leave App primarily responsible for toggling among "begin," "practice," and "end" displays and fetching data from the API endpoint. A PracticeSession component would live between the App component and keep track of available quizzes (quizzes that have not yet been answered) and review quizzes (questions that have been answered incorrectly). The QuizCard component would continue to check whether an answer had been answered correctly or incorrectly.

Once a user clicks ("Review questions you missed"), the "availableQuizzes" property in the App state is reassigned from an array of quizzes the user has not yet answered to an array of quizzes the user has answered incorrectly. Once the user has finished the review session, the only option is to "start over"; she cannot return to the quizzes she has not yet answered during this session. A toggle could be added to the state of the new "PracticeSession" component addressed in the first issue.