Field notes on frontend, systems & teams.
How I Replaced My Google Sheets Budget With a Working App in One Evening Using Claude Code
I spent years managing my finances in Google Sheets. Yesterday, I used Claude Code to turn that workflow into a production-ready application called Finna in just 5 hours.
Read article →
Async-First Frontend Frameworks: SvelteKit 2.43 vs React 19.2 — Which Should You Pick?
Compare SvelteKit 2.43’s async SSR and remote functions with React 19.2’s rendering upgrades. Discover which architecture wins for 2025-26 frontends.
Unleashing Agentic AI: Master Generative AI with LangChain in 2025
Dive into Agentic AI and Generative AI with LangChain! Build chatbots, automate workflows, and master AI development. Code on GitHub—start your AI journey today!
Build a Loan EMI Calculator in React and Deploy it on GitHub Pages
Learn how to build a Loan EMI Calculator with React to compute monthly EMIs, total repayment, and interest. Deploy your app online for free using GitHub Pages.
Build a MERN Stack File Upload App with Progress Bar and Metadata Storage
Learn how to create a MERN stack file upload app with real-time progress tracking and metadata storage in MongoDB.
Express.js Crash Course: Build a RESTful API with Middleware
Learn to build a RESTful API using Express.js, covering middleware, routing, and CRUD operations in just 30 minutes.
Can Next.js Replace Your Backend? Pros, Cons, and Real-World Use Cases
Explore whether Next.js can fully replace your backend server. Learn about the advantages, limitations, and use cases for using Next.js as a full-stack solution for modern web development projects.
How to Create an Animated Navbar with HTML & CSS (Using Transform & Transitions)
Learn how to create a smooth, responsive animated navbar using HTML and CSS with transitions and transform properties. No JavaScript required!
How to Build a Live Code Editor for Coding Interviews with Node.js, React, and Socket.IO
Learn how to build a live code editor for coding interviews using Node.js, React, and Socket.IO for real-time collaboration.
Unlock the Power of Code Sharing in React: A Guide to Boosting Efficiency and Consistency Across Projects
Discover how code sharing in React can save time, boost efficiency, and ensure consistency by reusing components and utilities across multiple projects in your workflow.