1. Authentification

Screenshot of an authentification process.

I recently implemented an authentification page for a GitHub Pages website. The tricky part is that you normally need a server to send you the message once the username and password have been accepted. GitHub Pages only offers a static website, thus preventing any dynamic response of private data.

To go around the problem, I crypted my secret data into a JavaScript file as a series of integers. You can actually see the whole process for the decryption but you miss the private key, which can be recovered with my username and password. The cryptographic algorithm I used ("AES-CBC", 128 bits) is rather weak but I can increase the key size rather easily.

The technology I used is the Web Crypto API, which crypts your data directly in JavaScript. This video was useful indeed.

Try decrypting my implementation and drop me an email if you crack it!

GO AUTHENTIFICATE

2. Notepad online

Screenshot of a text editor.

Pretending this is actually Notepad++ Online is a bit pretentious for now on. But it could still be useful.

I am not the first one inventing the concept: rapidtables.com provides a similar tool with more options, as well as mytextarea.com.

I have added the "automatically saved" option.

GO WRITE!

3. Chess (17/10/05)

Screenshot of a chess app.

It is harder than you would think to find a simple chess game online, without ads and countless scripts. I then wrote mine with the great help of chessboardjs.

The "autosave" is activated. Further modifications are to be added but the point here is just being able to play...

(17/10/09) I have added a Redo option as well as the possiblity to save and upload the whole game.

PLAY CHESS!

4. Colors names

Hopefully an exhaustive list of color names (in French).

READ COLORS!