Projects

CodeBreaker

CodeBreaker is a simple Code-Breaking Game. Basically an automated way to create little worksheets where each letter in a secret message is represented as a symbol.

A simple Code-Breaking Game. Basically an automated way to create little “code-breaking” worksheets where each letter in a secret message is represented as a symbol. Kids can then refer to an alphabet lookup table, and perform the translation.

Dark Mode?
Dark Mode?
Light Mode?
Or maybe Light Mode?

This project is built using React, TypeScript, TanStack Router, TanStack DB and Tailwind CSS. It serves as a demonstration of how to use these technologies together to create an interactive web application. Also a way for me to experiment with TanStack.

Enter a Message
Enter a "secret message"
Print the Coded Message
Print the Coded Message and hand it to the kids to keep them busy

Built with