Feature: User can view the level up page after they complete each game level

[vorleakyek]

⚙️ Feature

What capability will users have when this feature is merged?

User can view the level up page after they complete each game level

📐 Functionality

A description of how the application will work from the perspective of the user.

After the user completes each level:

• display the number of stars based on the time and total number of cards flipped

After the user completes level 1 or level 2:

• display "Play Again" and "Next Level" buttons

After the user completes level 3:

• only display "Play Again" button

🖼️ Wireframes

Wireframe screenshot(s) of what the app should look like when it is complete.

✅ Task Lists

Commit checklists for tasks needed to complete the feature.

🐘 Database Tasks

• Update schema.sql to ...
• Update data.sql to ...

☁️ Server Tasks

• Update server.js to ...
• Test with HTTPie
• Handle all errors and respond to the client

⚡ Client Tasks

• Create a component to ...
• Update component to ...

🧑‍⚕️ Clean Up Tasks

• ...
• ...
• Make sure that no React state objects are being mutated.
• Make sure that no event listeners are manipulating the DOM directly.
• Make sure that click targets are either <a> or <button> elements.
• Make sure that all click targets show a cursor: pointer when hovered with the mouse.
• Remove all buttons and placeholders that do not serve the functionality of the feature.
• Remove all console logs.
• Remove all commented out code.
• Remove all CSS properties that have no effect.
• Check all code for proper formatting and indentation.
• Confirm that there are no errors in the console while using the application.
• Confirm that all previous functionality still works without errors.
• Confirm that the user interface looks natural on both mobile and desktop screens.
• Create GIFs of the feature being used on both mobile and desktop screen sizes for inclusion in Pull Request.