Does vibe coding reside as much as all of the hype? As somebody who’s written a good quantity about how AI can flip anybody right into a programmer, I made a decision I needed to truly strive it for myself.
Claude Code is the instrument I used to be most interested in, having interviewed its founder and tracked its rise in recognition from its June debut. So I known as my contacts at Anthropic and informed them I needed to make use of Claude Code to finish a small venture alone.
They have been excited, however we agreed it is perhaps a stretch. To begin, there is not any public-facing information for non-programmers on learn how to arrange and use Claude Code. So, Anthropic created one particularly for me, with FAQs like “What’s a Terminal?”—one thing 100% of programmers already know, however I wanted.
Three days and some hours later, I had coded a customized web site with minimal points. It was an eye-opening expertise and a ton of enjoyable. The web site addresses an issue I encountered whereas home looking within the New York Metropolis metro space—figuring out the strolling distance to public transit stops. I needed to consistently copy and paste addresses from Zillow or Redfin into Google Maps, configure the instructions, view the stroll time, and repeat. Mundane, to say the least.
My Claude-Coded web site pulls listings from Redfin and routinely calculates the stroll time to the closest prepare cease. The information is displayed in a easy interface with a map and key particulars about every house. This is how I did it, and learn how to get began with your individual venture.
Nearly all AI chatbots can generate snippets of code, however a correct vibe coding instrument takes programming to the subsequent degree. Many have direct entry to your pc’s information and may see your complete codebase. That is why skilled engineers are nonetheless the first viewers.
Along with Claude Code, a few of the largest names on this area embody OpenAI’s Codex, GitHub Copilot, Replit, Lovable, and Windsurf, whose VP of product and advertising we interviewed for our vibe coding explainer. All of those would require somewhat little bit of technical know-how to arrange. This is how I did it with Claude Code.
Putting in Claude Code on Your PC
First issues first, Claude Code requires a subscription, both the $17/month Professional or $100/month Max plan. You can’t entry it via the web-based Claude chatbot, which is free. Anthropic set me up with the $100/month Max plan to get began, however that was in all probability overkill. My humble actual property web site would’ve seemingly labored with the $17 Professional plan.
Claude pricing plans (Credit score: Anthroic)
When you join on-line, the subsequent steps rely upon whether or not you are on Home windows or macOS, although the rules are the identical for each. I am on a Mac, so I will give attention to that. (Anthropic additionally affords bare-bones directions for different working programs.)
The Terminal app icon (Credit score: Apple)
First, open the Terminal app. “The terminal is a built-in app in your Mac that permits you to work together along with your pc by typing instructions,” says Anthropic’s information. “Consider it as a unique method to ‘discuss’ to your pc to manage it extra straight. It’s additionally the first interface for accessing Claude Code.”
Copy and paste this command into your terminal: curl -fsSL https://claude.ai/set up.sh | bash. Press Enter. You may see some textual content, adopted by a message indicating that the set up was profitable. However do not make the identical mistake I did and assume it was able to go. Earlier than the “success” message, you may even see a small be aware in yellow font with extra instructions to run. Do no matter is there, after which shut and re-open the terminal.
Set up could say ‘profitable,’ however be sure to examine for any extra setup notes. (Credit score: Claude Code)
In a brand new terminal window, sort claude and press Enter. It should then ask you if you wish to log in along with your Claude account or via an API for professionals. Choose your alternative with keyboard arrows, not your mouse, after which press Enter. I chosen primary beneath, linked to my account, and inside seconds, I used to be able to rock.
On the login display, you’ll be able to choose a subscription plan or API connection, for professionals. (Credit score: Claude Code)
Selecting a Challenge: What Are the Choices?
Now I had the world of AI coding at my fingertips, however the massive query was what did I need to make? A Windsurf exec I interviewed as soon as talked about that freshmen might simply create a customized model of the sport Wordle. I additionally thought of creating an occasion invitation generator, corresponding to for vacation or birthday events, however Claude doesn’t have picture era. (That is a notable distinction between its opponents, given the rising commodification of chatbots.)
However neither possibility appeared actually helpful, so I mirrored on issues I encountered within the final yr that might be solved with expertise. Home looking was a specific slog, made extra sophisticated by my have to understand how far every itemizing was from the closest prepare station. It was a transparent hole in Zillow, so I assumed possibly I might remedy it alone.
This is the immediate I entered that kicked off my venture, utilizing a close-by city (not the place I used to be trying), however that runs alongside the identical sort of prepare line.
> Create an internet site the place I can see actual property listings in my space with sure standards. I would like single household houses in Montclair, NJ inside a 15 minute stroll of a NJ transit prepare station [a commuter train to NYC]. The houses ought to have 4 bedrooms, with at the very least 1.5 bogs.
Kicking off my venture (Credit score: Claude Code)
‘Code’ (or Chat) Your Coronary heart Out
From right here, it was all easy, natural-language-based chatting. Nevertheless, I introduced some fundamental technical know-how to the chat that helped transfer the dialog alongside. For instance, I do know that web sites want knowledge to populate them, and that knowledge must be publicly out there for me to make use of it. One of many first issues I requested Claude was if Zillow had an API that made itemizing knowledge public, and likewise if Google Maps had one, so it might calculate every itemizing’s distance to the station stops.
Claude Code thought for a couple of seconds after which informed me Zillow did have a public API, and it was not solely free but additionally ample for what I needed to do. Win! However Google’s would price cash, so it beneficial an alternate, and I blindly went with it.
(Claude Code will all the time ask your permission and examine in with solutions, which is nice, however a novice like me would possibly usually be tempted to say “sure” it doesn’t matter what, and hope for the most effective. Accomplish that at your individual threat!)
The AI sends me the plan for the web site earlier than getting began. (Credit score: Claude Code)
The instrument additionally seemed up a wealth of data by itself. For instance, it discovered all of the New Jersey Transit prepare stops within the city of Montclair with out me having to incorporate them within the immediate. It proactively listed them so I might verify. It designed the web site with no aesthetic enter from me required, discovered the hyperlinks to the APIs, and despatched me directions on how to enroll. Inside 10 minutes of me sending my first immediate, it had created the essential web site framework for me to run on my pc.
Get Our Greatest Tales!
Your Day by day Dose of Our Prime Tech Information
Join our What’s New Now publication to obtain the most recent information, finest new merchandise, and professional recommendation from the editors of PCMag.
Join our What’s New Now publication to obtain the most recent information, finest new merchandise, and professional recommendation from the editors of PCMag.
By clicking Signal Me Up, you verify you’re 16+ and conform to our Phrases of Use and Privateness
Coverage.
Thanks for signing up!
Your subscription has been confirmed. Control your inbox!
I considered it by typing this into my browser search bar: http://localhost:8000. It seemed nice, or at the very least completely ample. However take into account, all these websites run domestically in your machine. You can’t share them with your mates via a reside internet hyperlink. That may require registering and paying for a website title, which Claude might additionally seemingly information you thru.
The final step was to connect with these APIs and populate the info on the left and proper sides of the web page, proven beneath. That is the place my bother began.
First iteration of the web site (Credit score: Claude Code)
Troubleshooting, Refining, and One Huge Snag
I opened the web sites Claude despatched me to connect with the APIs, and adopted its easy directions: Create a free account, seek for the APIs within the website’s menu, and paste the distinctive identifier again into Claude. I did this twice, as soon as for Zillow, and as soon as for the maps. It was somewhat complicated, however in the end I discovered the identifiers, and Claude accepted them.
I noticed my terminal replenish with code and textual content from Claude because it confirmed the work it was doing. Lastly, it stated, “Okay, you are related,” and requested me to refresh the web site to see the info. It did not work as anticipated. Solely the map appeared, however no housing listings. The map additionally confirmed incorrect places for the transit stops. As you’ll be able to see beneath, the crimson icons (transit stops) will not be on the primary prepare monitor that runs via the center of the picture. I pointed this out to Claude, nonetheless, and it instantly recalibrated and glued it.
Web site populates with the map, however the Zillow API fails to load. (Credit score: Claude Code)
In order that left the primary concern: No listings. The web site confirmed a 404 error for the Zillow API. I pasted the error message into Claude and requested, “This is the error code. What is going on on?” It stated it discovered the difficulty and requested me to refresh, however I nonetheless noticed no listings. This occurred 4 instances, together with in one other browser, which it requested me to strive. I double-checked that the identifiers I pasted in have been appropriate, and Claude ran some exams on the connection to Zillow.
Nothing labored. We have been caught in a loop of proposing choices, which I might approve, and so they did not move via to the web site. I lastly bought fed up and requested it to cease and consider a brand new plan. It advised three options, one in every of which was to strive utilizing Redfin knowledge. I chosen that possibility, and it started engaged on it. Fortunately, after one other refresh, the listings appeared!
(I later requested a programmer buddy why the Zillow connection did not work. They seemed into it and will simply see that the general public, free Zillow API had been discontinued—a giant element Claude had missed.)
Advisable by Our Editors
Fed up with Zillow, I confront Claude Code and we regroup on a brand new plan to make use of Redfin knowledge. (Credit score: Claude Code)
The map now confirmed 4 inexperienced icons, one for every itemizing, with a drawing of a home inside. However I could not see the listings themselves, which ought to have appeared on the suitable facet of the picture beneath.
“Why is the UI glitching and never absolutely displaying the listings?” I requested Claude. It will flash and present them just for a cut up second. Claude then made a couple of modifications to the frontend, and after some back-and-forth, we bought it up and working.
The listings populate on the map, however do not floor on the suitable facet of the web site. (Credit score: Claude Code)
(Not that any of them would’ve been in my finances! That $6,500,000 itemizing is a multi-family property, it seems, however the itemizing agent uploaded it to Redfin and Zillow as a single-family house, so it appeared within the knowledge.)
The listings lastly present and the web site is up and working. (Credit score: Claude Code)
Ultimate Checks: Is The Proper Info in There?
Now that I might see the listings, I used to be able to examine the info high quality. All the pieces was appropriate after I cross-referenced Redfin—the value, location, days on market, bedrooms, and bogs—however the primary datapoint I needed, the stroll time, was persistently three to 5 minutes shorter on my Claude-Coded web site than Google Maps.
I pointed the discrepancy out to Claude, and it claimed the mapping API we used was calculating the time as a crow flies, not somebody strolling on the road. To repair it, it supplied to extend the “circuity issue” within the equation it was utilizing to calculate stroll time.
After a couple of rounds of it rising the circuity issue, and me validating the outcomes on Google Maps, the stroll time was practically the identical on my website. However that meant solely two listings now met my standards of being lower than a 15-minute stroll to station, down from 5.
As a closing step, I requested it so as to add a stroll time filter to the positioning that I might alter myself in case I needed to see houses barely additional out. It got here up with a sliding scale filter that I might drag to extend or lower stroll time. Presumably, it might do the identical for worth, bedrooms, bogs, and another datapoint you requested it to tug from Redfin—your individual private home looking web site, personalized to your wants.
Claude provides a stroll time filter. (Credit score: Claude Code)
Claude Code Even Helped Manage My Information to Write This Story
So, I did it! This occurred over the course of three days, however solely an hour or two on every day. And I did not code something; I simply talked to a chatbot.
Lastly, Claude even helped me set up my supplies to put in writing this text. Because the terminal can entry my native machine straight, it is extra built-in into my pc than a web-based chatbot. It may search, set up, and modify information on my machine. I requested it to look via all of the screenshots I had taken, which have been routinely saved to my desktop, and to prepare them.
“Can you discover all of the screenshots of Claude Code and put them in a folder named “Claude Code” on my desktop?” I requested it. “Additionally, rename them ‘Terminal’ with a novel quantity, beginning with 1, and assign the quantity based mostly on the timestamp, beginning with the earliest one.”
A folder Claude Code created on my desktop, with its numbered Terminal screenshots, plus a couple of screenshots I pulled in myself that it missed. (Credit score: Emily Forlini)
It labored for probably the most half, though I manually went via and located a couple of that it had missed. I then requested it to do the identical with the screenshots of the Montclair Houses web site we created, naming them Web site 1, 2, 3, and so on. based mostly on timestamp. I requested it to place them in a sub-folder throughout the new Claude Code folder. That additionally labored, although I once more needed to clear them up. It was a useful place to begin, in the long run, although not good.
Lastly, since I had little or no thought what Claude Code truly did, technically talking, I requested it for a abstract to verify I represented it precisely. I will allow you to learn that for your self beneath.
Ultimately, it was a miraculous expertise. I can see why software program engineers usually use AI-coding assistants each day, as soon as they begin, in keeping with a current Gallup survey—way over most people leans on all-purpose chatbots. They’re hooked, and I can see why.
Claude summarizes the way it constructed my home looking web site (Credit score: Claude Code)
About Our Professional
Emily Forlini
Senior Reporter
Expertise
As a information and options author at PCMag, I cowl the largest tech developments that form the way in which we reside and work. I concentrate on on-the-ground reporting, uncovering tales from the people who find themselves on the heart of change—whether or not that’s the CEO of a high-valued startup or an on a regular basis individual taking over Huge Tech. I additionally cowl each day tech information and breaking tales, contextualizing them so that you get the complete image.
I got here to journalism from a earlier profession working in Huge Tech on the West Coast. That have gave me an up-close view of how software program works and the way enterprise methods shift over time. Now that I’ve my grasp’s in journalism from Northwestern College, I couple my insider data and reporting chops to assist reply the large query: The place is that this all going?
Learn Full Bio
