Coding With David

  Blazor WebAssembly lets .NET developers build rich, interactive web apps entirely in C# . To showcase its power, I built a fun demo where users can drag and drop “villains” between containers and reorder them in a list — all without a single line of JavaScript. 🎯 What You’ll See This app demonstrates two kinds of drag-and-drop experiences: Container Drag & Drop — Move items between “Available Villains” and “Active Threats.” List Reordering — Reorder items by dragging them up or down. Each shows how Blazor manages state, events, and dynamic UI updates in real time. 🧩 Project Setup Tech stack: Blazor WebAssembly (.NET 9) C# 13 Bootstrap 5 for responsive UI HTML5 drag & drop API No JavaScript required! Key components: Home.razor – Container-based drag and drop VillainList.razor – Single-list reordering Villain.cs – Data model Scoped CSS for component-level styling ⚙️ Blazor Event Handling Blazor supports native HTML5 drag events ...

  If you’ve ever vibe-coded your way through an app — riding that creative high as AI generates your UI in real time — you know the rush. Buttons appear, data binds instantly, the app feels alive . It’s addictive. But here’s the uncomfortable truth: most developers who embrace vibe coding (AI-assisted, flow-state, rapid-prototype development) fall into the same trap. They build what looks like a complete application — beautiful, interactive, even feature-rich — only to discover when it’s time to deploy that the invisible path has been completely neglected. And that’s when reality hits. The Illusion of Progress Vibe coding thrives on visible feedback. You type a prompt or tweak a line, and the screen responds instantly. You see results, get dopamine, and keep going. The problem? What you see is not what you’ll deploy. Under the hood, your app might be missing: Logging Monitoring Error handling Configuration management Authentication and authorization Envir...

  Vibe Coding 101 TL;DR: Vibe coding isn’t just about “letting AI code for you.” It’s a new rhythm of building — intuitive, conversational, and fast. Three YouTube videos by Tina Huang and others break it down beautifully: from fundamentals to mindset to a full app build. 💡 What Is Vibe Coding? Vibe Coding is a modern approach to software development where you collaborate with AI tools to create applications through iterative, conversational prompting — rather than writing every line yourself. It’s not “no-code.” It’s “less manual, more guided, more iterative.” You describe what you want. AI builds it. You refine. Repeat. Instead of rigid specifications and long dev cycles, vibe coding prioritizes responsiveness, flow, and intuition. The feedback loop is short — you see results immediately, adjust quickly, and let the design and logic co-evolve. To demonstrate this: Start with a simple PRD (Product Requirements Document) and evolve it through multiple small iter...