You've made a great product! 🤩
I would like to suggest a few changes:
- While typing, the cursor's alignment is a bit off from the words, which makes typing hard, especially when it comes to spaces, one can't tell whether the space has already been typed or not, leading to a poor typing experience.
- I would suggest monospace fonts wherever there's any code. For example, the homepage looks sick, but the animation playing on the right looks a bit off due to a combination of unusual line spacing, and the serif font.
- Changing the colour of the wrong keystroke, like when one types something wrong, the colour of the wrong character is too similar to the correctly-typed characters which makes it difficult to spot mistakes.
- Add indentation to code: Currently, the code appears in one line, and is hard to decipher. Maybe prettify it first using prettier, and then have people type it.
- On Mac, use
Cmd+K for command palette rather than ctrl+k
Hope this feedback helps and will make your product better. Great going, and I hope you get a mention in this hackathon 😊