It's me, Soumak

Hey, I’m Soumak & welcome to my creative space

I’m a passionate frontend developer loves building beautiful and engaging digital experiences. I'm also fascinated by 3D technologies, exploring innovative ways to make the web more interactive.

My Story

I started my journey in college working with HTML, CSS, jQuery, and PHP, before diving deep into JavaScript and the React ecosystem. Through freelance work, I expanded into Node.js and gained valuable experience collaborating directly with clients and delivering real-world solutions.

In my professional experience, I’ve worked on diverse projects, developing a strong understanding of UI/UX and learning how to balance visual design with seamless functionality.

Lately, I’ve been exploring new challenges—experimenting with WebGL, 3D experiences on the web, and learning 3D software Blender. I’m also using AI tools to improve my workflow and build more efficiently.

Carefully crafted projects

Simple Finance - A personal expense tracker

A minimal expense tracker built to simplify money management without unnecessary clutter. Developed with Next.js, React, and Supabase, it enables quick transaction logging and features a clean, data-driven dashboard to visualize spending through monthly trends and category insights.

Simple Finance

Flow - A secure & offline task manager

Flow is a simple, privacy-focused task manager that runs entirely in the browser with no account required. Built with a modern, customizable UI, it stores data locally using PGlite and IndexedDB, ensuring a secure and seamless task management experience.

Flow

3D Calculator

A 3D calculator modeled and textured in Blender, then rendered using Three.js and React Three Fiber. It features customizable keycap colors and was built as a fun creative exploration of 3D on the web.

3D Calculator

Water Bottle Configurator

A 3D water bottle modeled in Blender and rendered using Three.js and React Three Fiber. It allows users to customize styles and colors, created as an interactive exploration of 3D experiences on the web.

Water Bottle Configurator

Shader Playground - Play & Preview Shaders Instantly

Shader Editor is a simple, browser-based tool for instantly experimenting with vertex and fragment shaders. Powered by Three.js, it lets you write and preview shaders in real time, switch between 3D models, and use built-in controls to easily test and tweak your effects—no setup required.

Shader Playground

Hue Picker - Simple GLSL Color Selector

Hue Picker is a simple browser color picker that provides detailed options and outputs colors in GLSL format—ideal for shader and graphics work. Quickly select and copy colors with an easy-to-use interface designed for creative coding.

Hue Picker

Want to get in touch? Or just say Hi?

Drop me a line at soumakkdutta@gmail.com