How I Became An AI Dev With Claude In The Last 24 Hours (Step By Step Guide)

@cyrilXBT
ANGLAIS23 août 2026
121K
129
26
6
176

TL;DR

CyrilXBT provides a step-by-step breakdown of building RankNow, a live bidding leaderboard, in 24 hours using Claude Code to handle logic, payments, and race conditions.

24 hours ago I didn't consider myself a developer. Today there's a live product taking real payments at ranknow.lol, built end to end with Claude Code. This is the actual, honest step by step of how that happened, not a highlight reel, the real sequence, including the parts that were hard.

If you've been sitting on an idea because you don't code, this is the exact path I used to go from idea to something real and live in a single day.

Hour 0 To 1: Pick One Idea Small Enough To Actually Finish

The biggest mistake people make on day one is picking something too ambitious. I didn't try to build a platform. I picked one specific, narrow mechanic: a leaderboard where people pay to be on it, sorted purely by what they paid, with the option to outbid whoever's above them.

That's it. One page. One core loop. Small enough that finishing it in a day was actually realistic, which mattered more than how impressive the idea sounded.

The lesson worth taking from this specifically: the goal on day one is not your most ambitious idea. It's the smallest version of an idea that's still genuinely a real product once it's live. RankNow started exactly this small, and it's live at ranknow.lol right now because it stayed that small on day one.

Hour 1 To 3: Describe The Mechanic To Claude In Plain Language

I didn't write a technical spec. I described the actual mechanic the way I'd explain it to a person. A bid starts at $5. Taking the top spot costs more than matching it. Older bids at the same amount stay ranked higher. Every listing tracks clicks, capped so people can't inflate their own numbers. A timestamp shows how recently the board moved.

Claude Code took that plain description and turned it into an actual working structure, the database logic, the bidding rules, the click tracking, all of it. This is the part that genuinely surprised me. I wasn't writing code. I was describing what I wanted clearly enough that Claude could build it correctly.

If you're starting your own first project, this is the actual skill worth practicing. Not syntax. Describing an outcome specifically enough that there's only one reasonable way to build it.

Hour 3 To 6: Build The One Feature That Actually Makes People Come Back

This is the part of RankNow that isn't really about ranking at all, it's about psychology. Once someone pays to hold the top spot, losing it feels like an actual loss, not a missed opportunity. That's a much stronger trigger to act on than the original decision to bid.

So the one feature I made sure Claude built properly, no shortcuts, was the outbid notification. The moment someone takes your spot, you see it immediately, with a one click "take it back" button, no account required. That single feature is doing more work for the product than everything else combined, and go see it live at ranknow.lol to actually feel what that mechanic is like from the inside instead of just reading about it.

Hour 6 To 10: Find Out Your Simple Idea Has A Hard Problem Hiding In It

Here's where the day stopped feeling easy. Bidding is a race by definition, two people can try to claim the same spot at literally the same instant, and it took working through this with Claude to understand why a normal, single-connection test would never catch that bug.

We built a real test, twenty identical bids fired at the same listing simultaneously, through twenty genuinely parallel database connections, exactly one is supposed to win. Getting that test to actually prove the system was safe, not just assume it was, took real back and forth with Claude working through the database transaction logic together.

This is the honest part of the guide most "built an app in a day" posts skip. The mechanic was simple. Making it safe to take real money through was the actual work, and it's exactly the kind of problem you don't see coming until you're already inside it.

Hour 10 To 14: Catch The Bug That Only Shows Up With Real Money

Payment providers retry webhook deliveries under real network conditions, sometimes several times for what should be one single event. Working through this with Claude, we built a test that fired the same webhook ten times in parallel, deliberately simulating that retry behavior, and it caught something real. Without the fix, that scenario would have captured payment multiple times for what should have been a single transaction.

This is not a hypothetical. This is the exact kind of bug that ships in half-tested payment systems, and catching it before ranknow.lol ever took a real dollar is the difference between a fun weekend project and something you can actually trust with money.

Hour 14 To 20: Keep The Stack Boring On Purpose

By this point I understood enough to know I didn't need anything complicated. Claude helped keep the actual build simple, Node running TypeScript directly, no unnecessary framework, no bundler, a database that runs identically in development and production so nothing behaves differently once it's live.

The instinct when you're excited is to reach for more tools, more infrastructure, more complexity. The better instinct, and the one that actually got this shipped in a day, was resisting that and keeping every piece as simple as it could be while still being real.

Hour 20 To 24: Ship It And Watch It Move

The last stretch was deployment, final checks, and then actually watching real bids land on the board. Not a demo. Not a mockup. A live product at ranknow.lol, with real listings, real payments, and a board that's genuinely moving as people outbid each other for the top spot.

CyrilXBT - inline image

That moment, watching something you described in plain language to Claude that morning become a real product taking real money by that night, is the entire reason this guide exists.

What Actually Made This Possible

Looking back at the full 24 hours, three things mattered more than anything else.

Starting small enough to actually finish, instead of picking the most impressive idea I could think of.

Describing outcomes clearly instead of trying to write code myself, and treating Claude as the one who turned that clarity into an actual working system.

Taking the two genuinely hard engineering moments, the bidding race condition and the payment retry bug, seriously instead of assuming a simple-looking idea meant simple engineering. Those two problems were the actual work of the day, and skipping them would have meant shipping something that looked fine and broke the first time real concurrent traffic hit it.

Go See It For Yourself

Everything in this guide is describing a real, live product, not a hypothetical. RankNow is up right now at ranknow.lol. Go claim a spot on the board, watch how fast it moves when someone outbids you, and see the actual mechanic this entire guide was built around.

This is the starting point, not the finished product. I'm still building and improving it every day, and the fastest way to actually understand what a day with Claude can produce is to go experience the thing it built instead of just reading about it.

ranknow.lol. Go claim your spot before someone outbids you to it.

Remixer dans YouMind

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Pour les créateurs

Transformez votre Markdown en un article 𝕏 impeccable

Quand vous publiez vos propres textes longs, la mise en forme 𝕏 des images, tableaux et blocs de code est pénible. YouMind transforme un brouillon Markdown complet en un article 𝕏 impeccable, prêt à publier.

Essayer Markdown vers 𝕏

D'autres patterns à décoder

Articles viraux récents

Explorer plus d'articles viraux