Category: Engineering

The Rise of the AI-Supported Generalist. The role of a developer has always been expanding. Once, being full-stack meant juggling frontend and backend. Later, it meant cloud deployment, APIs, and maybe even DevOps pipelines. But if we zoom out, building a product involves far more than code. It spans client outreach, design, testing, documentation, analytics, […]

In early June I stumbled across Layouts.dev, a visual layout builder that offered a fast way to scaffold UIs with drag-and-drop ease. The concept was great—but I wanted something more open, developer-first, and extensible. Something that could be used like a real tool, not just a toy.

That moment kicked off a journey to create Spindle—a blazing-fast, open-source layout builder designed for engineers to prototype components and templates with minimal friction. This blog post walks through the inspiration, research, naming conventions, and technical planning that shaped Spindle into a real, usable tool.

Git bisect is a powerful tool built into Git that helps identify the specific commit that introduced a bug or regression. It automates a binary search across your commit history, quickly narrowing down to the first “bad” commit.

(Even Though I Could Use Anything Else) As a frontend engineer with years of experience across JavaScript frameworks, headless CMS architectures, and static site generators, I often get asked: “Why are you still using WordPress for your own site?” It’s a fair question—especially when tools like Next.js, Astro, Sanity, and even Notion-as-CMS are all gaining […]

Install Ollama by downloading the appropriate installer from their website.https://ollama.com/download After first-run installation it’ll ask you to install your first model, you can use their suggestion or you can install deepseek instead! Install Deepseek-R1 using ollama Once this is complete you can run and interact with deepseek in your own local environment If you’re interested […]

When working in the frontend, I often come across a common challenge: adding a full-width element inside a fixed-width container. For example, you might need a banner, background section, or hero image to span the full width of the viewport, even when it’s nested inside a parent container with a constrained width. The Classic Solution […]

Certbot is a free, open-source tool that automates the process of obtaining and renewing SSL/TLS certificates from Let’s Encrypt, a certificate authority that provides free SSL certificates. These certificates encrypt the data transmitted between your website and its users, ensuring security and boosting SEO rankings. Certbot simplifies what used to be a manual, error-prone process […]

Ever wondered how object detection works in web applications? With TensorFlow.js, you can leverage pre-trained models to build powerful machine learning applications directly in the browser. In this guide, I’ll walk you through creating a real-time object detection app using TensorFlow.js and the pre-trained Coco-SSD model. This project is beginner-friendly and perfect for exploring the […]

In this post, we’ll walk through a simple project scaffold for creating an isometric game using Babylon.js. This scaffold sets up the core elements required to get started with your game development—from initializing the rendering engine to basic player movement. Include Babylon.js and its dependencies Setting Up the Canvas The project begins with an HTML […]

TouchDesigner is a powerful visual programming tool designed for real-time interactive multimedia applications. Developed by Derivative, it is widely used by artists, designers, and engineers to create stunning visualizations, interactive installations, and dynamic audio-visual performances. Its node-based interface makes it accessible for both beginners and professionals, offering flexibility and scalability for projects of all sizes. […]