I Overengineered 3 Buttons to Explain Software Architecture

Check out Warp 2.0, the Agentic Development Environment: https://go.warp.dev/forrestknight and get 2 months free of Warp Pro using my promo code "FORRESTKNIGHT" (there are only so many redeems, so do it fast.

so someone in the comments challenged me to build something super simple but treat it like a real production app, thinking about race conditions, security, deployment - the whole nine yards.
i figured why not try it with warp's new ai coding agents while i'm at it. ended up spending way more time on a 3-button counter than any reasonable person should.
you'll learn a lot about atomic operations, optimistic updates, rate limiting, and how to structure code that doesn't fall apart when real users touch it. plus warp's agent multithreading is actually pretty sick - had one agent building security while another wrote test scripts.
anyway, here's what building with a production mindset actually looks like, even when you're just incrementing a number. i'm not saying this is a production-ready app lol but just examples of the things that go into a production-ready app.

timestamps:
00:00 the challenge
01:45 atomic operations & race conditions
06:30 security & rate limiting
09:00 making it pretty (production principles)
11:15 deployment & final thoughts

code: https://github.com/forrestknight/digit-duel
site: https://digit-duel.vercel.app/ (it'll probably break - i haven't paid for convex and am at the limit lol)
try warp: https://go.warp.dev/forrestknight

probably gonna do a full warp review next if people are interested 🤷‍♂️

Titles - idk which to pick:
I Built a Simple App to Explain Complex Architecture
Someone challenged me to build a simple app (the complex way)
Coding Architecture with Warp
He said I Couldn't Make a Real Production App.. So I Made One! (obviously stolen from dani lol)
Making a heavily over engineered app... because someone said to.
I overengineered 3 buttons to explain software architecture

If you're a developer, sign up to my free newsletter Dev Notes 👉 https://www.devnotesdaily.com/

If you're a student, checkout my Notion template Studious: https://notionstudent.com

Don't know why you'd want to follow me on other socials. I don't even post. But here you go.
🐱‍🚀 GitHub: https://github.com/forrestknight
🐦 Twitter: https://www.twitter.com/forrestpknight
💼 LinkedIn: https://www.linkedin.com/in/forrestpknight
📸 Instagram: https://www.instagram.com/forrestpknight

Видео I Overengineered 3 Buttons to Explain Software Architecture канала ForrestKnight