The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Built 130+ engineering calculators spanning 13 disciplines — process, pipeline, mechanical, civil, electrical, instrumentation, safety, operations, rotating equipment, tanks, utility, piping, and general.
Originally deployed as an internal tool with a hosted dashboard for a midstream oil and gas operator. Now rebuilt as interactive web calculators in Catalyst OS, running client-side with React and TypeScript.
Each calculator features validated inputs with unit handling, real-time computation, results export, and responsive design. Includes financial tools (debt payoff, FIRE number), health tools (TDEE, sleep debt, burnout risk), and engineering tools (pipe flow, heat transfer).
Tech: React 19, TypeScript, Tailwind CSS. No backend calls — all math runs locally in the browser.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Project: AutoMoneta OS | Agentic Infrastructure
The Gap: Efficiency Bleed Founders lose thousands to "Context Drift"—disconnected AI agents that require constant manual oversight.
The Solution: Synchronized Gem Engines A two-stage system to visualize and fix operational gaps:
Burn Rate Calculator: Quantifies "Manual Chaos Costs" based on agent depth.
ASA Engine Room: Real-time domain "Handshake" to identify infrastructure leaks.
Core Tech:
Neural Sync: Real-time visualization of agent connectivity.
AIIS v2.4 Audit: API-driven interrogation for SaaS and Creators.
ROI Scoring: Algorithm-based efficiency projection (+82% avg).
The Result: A technical audit that replaces manual sales with an authoritative, data-backed onboarding experience.
This portfolio looks simple on the surface, but there was a lot of thinking behind it.
It was built from scratch, with a lot of back-and-forth with the client to get the structure right.
The main challenge wasn’t design or development—it was organizing the content in a way that made sense, and was clear to someone landing on the site for the first time.
So instead of treating it like separate sections, I approached it as a flow, making each part lead to the next, and really showing what the client was about.
On the technical side, I kept things modular and reusable so the site can evolve over time without needing a rebuild every time something changes.
It’s one of those projects where the end result feels straightforward…
but getting there required a lot of intentional decisions.
Nice.
What if a coffee brand’s website could feel as rich as its aroma?
I designed a 3D storytelling landing page for a coffee brand where the experience unfolds like a journey - from the origin of the beans to the final cup. Instead of static sections, users move through a smooth, immersive flow that brings the brand to life.
Every scroll reveals a new layer - creating a sense of depth, warmth, and atmosphere that reflects the essence of coffee itself.
Trending
Figma Make
Go from idea to prototype in minutes. What are you designing?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?