Lately, I’ve been sharpening my TypeScript skills, and to make it more practical (and fun), I built a fully functional Dice Roller app using TypeScript, HTML, and CSS.
The app lets you:
- Choose how many dice to roll
- Set the number of sides per die
- Get both the individual roll results and the total
I used vanilla TypeScript to handle the logic and DOM interaction — no frameworks, just clean and typed code.
You can check out the source code on GitHub and even try it live via GitHub Pages here.
If you’re learning TypeScript and want a beginner-friendly project to get your hands dirty with types, interfaces, and real-world logic — this is a great one.
Stay tuned — I’ll be expanding on this to include:
- Animated dice rolls
- Sound effects
- Roll history and stats
Let me know what you’d add to a dice roller!
Mitchell Lyon 