DEV Community: Mahan Tavakoli

Building an Immersive 3D Dice Roller with React and Three.js

Mahan Tavakoli — Tue, 18 Aug 2026 01:06:21 +0000

Hey RPG community! I wanted to share a tool I built for my tabletop sessions — Arcane-Dice.

Inspired by the immersive dice rolling experience in Baldur's Gate 3, I built this web-based 3D dice roller app to bring that same feeling to any browser.

Features:

Physics-based Rolling: Real 3D dice using Three.js and Cannon.js.
Immersive Effects: Sound effects and animations to make every roll feel impactful.
Easy Integration: Ready to be used in any web-based tabletop tool.

Tech Stack:

React
Three.js (React Three Fiber)
Cannon.js for physics
Howler.js for audio

Check it out on GitHub:
GitHub Repository
Live Demo

I'd love to hear your feedback or see what kind of dice skins you'd like to see next!

showdev #gamedev #threejs #react #rpg

Creating a Retro-Futuristic Aesthetic Productivity Dashboard with React

Mahan Tavakoli — Tue, 18 Aug 2026 00:49:43 +0000

Hi everyone! I wanted to share my latest side project, MeowLOCK.

I was tired of the standard, sterile productivity apps, so I built something with a bit more soul — a retro-futuristic aesthetic workspace designed specifically for developers.

What's inside?

Ambient Mixer: Customize your background sounds for deep focus.
Cozy Widgets: Clock, Pomodoro timer, and task list all in one place.
Customizable Themes: Switch between different "vibes" to suit your mood.

Tech Stack:

React 18
TypeScript
TailwindCSS for the aesthetic styling
Lucide React for icons

It's completely open source and I'd love for you to try it out or contribute!

GitHub Repository
Live Demo

showdev #productivity #react #aesthetic

How I Ported Classic 1993 DOOM to the Browser using WebAssembly

Mahan Tavakoli — Tue, 18 Aug 2026 00:49:20 +0000

Hey everyone! I've always been a fan of retro gaming, and I recently decided to take on the challenge of porting the original 1993 DOOM to the browser.

The result is RetroPlay, a fully functional, zero-plugin version of DOOM that runs purely on WebAssembly.

Key Features:

Pure WASM: Compiled using Emscripten.
Freedoom WAD: Included by default so you can play immediately.
Mobile Friendly: Custom touch controls and gyroscope support for an immersive mobile experience.

Why I built this:

I wanted to explore the performance limits of modern browsers and see how well WebAssembly could handle a legacy C codebase. It turns out, it's incredibly efficient!

Check out the code and drop a star if you find it interesting:
GitHub Repository
Live Demo

Would love to hear your thoughts or see your speedruns!

showdev #retro #doom #wasm