Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Starting a Race #7

Closed
webdevcody opened this issue Jul 8, 2023 · 4 comments
Closed

Starting a Race #7

webdevcody opened this issue Jul 8, 2023 · 4 comments
Assignees

Comments

@webdevcody
Copy link
Owner

As a guest, I should be able to start a race which will show me a hard coded snippet of typescript. I should be able to type the snippet and see a cursor move over the typed words making their color green / red as I type them. After finishing the entire snippet, I should be sent to a score screen that shows how many I got correct or wrong, how fast I typed, and what place I finished in the race.

AC:

  • a user has a way to start a race
  • a user has a way to view and type a typescript snippet of code
  • once the user types to the end of the snippet, they should be navigated to a score screen
  • a user can "race again" after seeing the score screen
@ixtk
Copy link

ixtk commented Jul 8, 2023

Possible initial UI mockup that allows vertical space with race visualization. We could also use horizontal space for something though.

initial-ui

@KaiBelmo
Copy link
Contributor

KaiBelmo commented Jul 9, 2023

working on this

@nelsonfrz
Copy link

I would recommend to align the race visualization left to the code input as code is more vertical by nature.

Here is a mockup that describes it better:
Image

@scape76 scape76 mentioned this issue Jul 10, 2023
1 task
@KaiBelmo KaiBelmo mentioned this issue Jul 10, 2023
5 tasks
webdevcody pushed a commit that referenced this issue Jul 11, 2023
@webdevcody
Copy link
Owner Author

good enough

webdevcody pushed a commit that referenced this issue Jul 22, 2023
Feature: Add cleanup function to disconnect user from the socket when…
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

No branches or pull requests

4 participants