Software Development Projects in Dhaka DivisionSoftware Development Projects in Dhaka DivisionSingle HTML 3D Blender
"A fully functional 3D modeling app that runs in your browser, built in one HTML file"
I built a 3D modeling application that works like Blender, except it lives in a single HTML file. Open it in any browser and you get a viewport, tools, an outliner, properties panel, and keyboard shortcuts. No server, no build step, no dependencies.
The idea came from wanting to understand how 3D software actually works under the hood. Not just the rendering, but the whole interface: how modes switch, how tools interact with meshes, how the outliner tracks objects.
WHAT CAN IT DO:
The app supports three modes: Object Mode, Edit Mode, and Sculpt Mode. Each mode has its own set of tools and behavior.
In Object Mode, you can select, move, rotate, and scale objects. Edit Mode lets you work at the vertex, edge, and face level with extrude, subdivide, and knife tools. Sculpt Mode has brushes like Draw, Clay, Smooth, Grab, and Inflate with adjustable radius and strength.
The viewport renders with proper depth sorting, lighting, and a grid. You can orbit, pan, and zoom with mouse controls. The outliner shows your scene hierarchy. The properties panel lets you tweak transform values, materials, and brush settings.
THE TECHNICAL SIDE:
Everything is in one file. The HTML sets up the layout, the CSS handles the dark theme and panel system, and the JavaScript does all the 3D math and rendering.
I wrote custom vector math for rotations, projections, and normals. The mesh system tracks vertices, edges, faces, and their neighbors. Subdivision works by splitting each quad into four smaller quads. The camera uses orbit controls with perspective and orthographic projection.
The UI is built with CSS Grid and flexbox. Panels, toolbars, and menus all update based on the current mode. Keyboard shortcuts like G, R, S for transform and Tab for mode switching make it feel like the real thing.
TRY IT YOURSELF: (https://jsfiddle.net/Saminsami/xchuto0r/2)
The full source is in the HTML file. Open it in your browser and start clicking around. Everything works without an internet connection.
WHAT I LEARNED:
Building this taught me how much work goes into even a simple 3D editor. The math for camera projection and mesh normals is one thing, but wiring up the UI so tools, modes, and panels all talk to each other takes real effort.
If you have questions about the code or want to collaborate on something similar, message me here on Contra.
Built by Samin Sami | Developer & 3D Experimentation From Fiverr payout problems to my first payment on Contra 🚀
Today is a special day for me.
I just received my project payment on Contra and the story behind it is probably more interesting than the payment itself.
I started freelancing on Fiverr, and for a long time it was my main platform for working with international clients.
Recently, I was working on a large software project for a Canadian client.
This wasn't a simple website project.
I was developing a complete Lottery POS & Management Software including the POS system, seller management, ticket generation, thermal printing, draw management, commissions, reporting, role-based access, QR/barcode workflows, offline synchronization, and the overall backend architecture.
The project was divided into multiple milestones.
Everything was going smoothly.
Until the final milestone.
Then Fiverr happened.
When I was ready to receive the final project payment, my Payoneer account was suddenly closed without any clear reason.
That created a serious problem.
The project was completed, the client was ready to pay, but my normal payout route was suddenly unavailable.
At that point, I had two choices:
Keep trying to solve the payout problem...
or find a better way to handle the project.
So I talked to my client and suggested:
"Why don't we move the project to Contra?"
The client agreed.
And that's how I ended up here.
Today, I received my payment on Contra.
Honestly, the feeling is different.
It's not just:
"I got paid."
It's:
"I successfully delivered a real software product to an international client, moved the project to a new platform when things went wrong, and still managed to complete the payment successfully."
That feels rewarding.
This project also reminded me why I enjoy software development so much.
I wasn't just designing screens or building a landing page.
I was working on an actual business system that needs to handle:
→ Sellers
→ POS terminals
→ Lottery tickets
→ Draws
→ Commissions
→ Printing
→ Reports
→ Permissions
→ Data synchronization
→ Future scalability
That's the kind of work I want to do more of.
Real software. Real businesses. Real problems.
And now I'm officially starting my Contra journey.
Huge thanks to my client for trusting me through the transition from Fiverr to Contra, and thanks to the Contra community for being part of this next chapter.
First payment on Contra: received.
Next milestone: build bigger software. 🚀 
