Playground

[styled-man]

Playground Page.

Usage

After starting the json server and the web server, navigate to localhost:8000/playground?problem=1. In this environment, there is a total 3 problems problems you can check: 1, 3, 4.

Make sure you start the json server before the web server

Features

• Tabs:
  • Description: shows the name of the problem and provide the objective that needs to be accomplish in order to successfully complete this problem. Right under the objectives, there are some sample inputs that will give you an idea of the types of test cases that your submittion will be tested against.
  • Results: This tab shows you the results of application after you click test. It is presented as a list of test cases and a green/red indicator based on if you pass/fail the specific test case. If you pass every test case, then the application gives you a congratulation message Note: You must click test before you can view the results
• Game Information
  • Player Statistics: Present you with information about you, your opponent and the current game: user name, profile picture, achievements/crystals, and how many test cases/stages that you have passed for this current problem.
  • Timer: Every problem has a time limit. Currently, the timer is implemented to start as soon the page load; It will alert you when times up and clear the email.
    • Might change in the future
• Editor
  • The coding environment that you will use to solve the problem.
• Controls
  • Test: Will take your code and run it and will navigate you to the results tab to show you how many test cases you pass/fail
    • Not fully implemented.
  • Submit: Will run your code and will give you a passing score only if you pass every single test case.
    • Not fully implemented.

[GabrielPedroza]

LGTM!