Suggestion:

• Convert every tab character to 4 spaces
• Let the user decide if they want to use tabs or spaces when they code. If the user presses tab then that can be converted to 4 spaces instead.

4 spaces will not work with every script, but it is a good starting point. A better solution would be to look at the code to find out how many spaces one tab should be.

There is no way for the user to know when they make a mistake on a whitespace character. They should be shown something that tell them they typed the wrong character, maybe a red underline?

Create a framework for automatically generating a settings page. Settings should be stored locally in the browser and in firestore if the user is logged in.

The C# example ( May be other longer snippets too haven't tested that yet ) seems to randomly cut off mid snippet. On a screen with a 1680x1050 reselution using firefox.

When typing a character or something other in a space / white space area and then going back to correct that error the red color that's supposedly showing it's incorrect doesn't go away once it actually is correct.

• changed color scheme to Nord and switched to css variables
• arranged folders inside ./static
• added random code snippets from an array (temporarily)
• added prettierc and vscode config so most contributors can follow the code structure
• fixed the bug where special characters get HTML encoded that correct keys don't match the character

This pull request adds multiplayer tests. The feature is still locked behind the experimental flag.

Features:

• When starting a new test you pick between singleplayer or multiplayer.
• Multiplayer tests open a lobby. Other people can join the test using the id.
• After the test is completed a table with the results from every participant is shown in addition to the normal data.
• Users can add a display name to their profile.

This is being merged into master now to test if there are any firewall issues between github and the cloud vm.

This pull request contains four things:

1. The experimental query parameter that can be used to show/hide new features that are being tested on the live website.
2. A restructuring of the files such that the components are in separate folders.
3. A backend server that communicates with the website.
4. Multiplayer coding tests

This server can be used instead of the python3 HTTP server. It also includes support for hot reloading CSS and basic support for JavaScript reloading.

If a line is longer than the screen at the moment then only one character is shown at a time when you type the last visible character. It would be better if there was a setting where people could pick

1. Enable line wrapping
2. Or, show multiple characters at a time

Add a leaderboard that shows the daily / weekly / all-time fastest typers.

This would require a backend server. Right now the best option seems to be the oracle free tier.

An option where the user can enable IDE mode. This mode would let them use features that are commonly found in an IDE. For example automatic indentation and filling in the closing bracket when you type the opening one. There should be a setting to enable/disable IDE mode, and settings for each individual feature of the mode so that people can configure it to be as similar as possible to their favorite IDE.