[{"data":1,"prerenderedAt":95},["ShallowReactive",2],{"navigation":3,"blog-2026-05-05-reserveit":25},[4,8,12],{"title":5,"path":6,"stem":7},"Blog","\u002F","1.index",{"title":9,"path":10,"stem":11},"About","\u002Fabout","2.about",{"title":5,"path":13,"stem":14,"children":15,"page":24},"\u002Fblog","blog",[16,20],{"title":17,"path":18,"stem":19},"From SignUp Genius Frustration to a Purpose-Built Reservation App — With a Little Help from Claude Code","\u002Fblog\u002F2026-05-05-reserveit","blog\u002F2026-05-05-reserveIt",{"title":21,"path":22,"stem":23},"Getting Playwright to Play Nice with Nuxt and Vercel CI","\u002Fblog\u002F2026-05-20-playwright-lessons","blog\u002F2026-05-20-playwright-lessons",false,{"id":26,"title":17,"body":27,"category":82,"date":83,"description":84,"extension":85,"layout":86,"meta":87,"navigation":88,"path":18,"seo":89,"stem":19,"tags":90,"__hash__":94},"content\u002Fblog\u002F2026-05-05-reserveIt.md",{"type":28,"value":29,"toc":78},"minimark",[30,34,37,40,43,49,54,57,60,63,66,69],[31,32,33],"p",{},"I recently had the opportunity to see how capable agentic coding is at solving a real-world project from start to finish. I was excited to try this out with Claude Code.",[31,35,36],{},"I volunteer doing seasonal water sampling with a local soil & water conservation district. The watershed group partners with local libraries to lend out sampling kits. These kits are not part of the libraries' collection, so reserving them is handled separately.",[31,38,39],{},"The group has been using SignUp Genius to manage reservations, and it was a continued source of frustration. The UI was cluttered and required sifting through multiple pages just to reach the current week. There was no way to see kit availability at a glance or filter by location, and staff had to manually clear out past dates on a regular basis.",[31,41,42],{},"At the annual meeting they shared that they still hadn't found a replacement for SignUp Genius ... lightbulb ... later that evening I prompted Claude asking:",[31,44,45],{},[46,47,48],"em",{},"\"I am starting to plan for developing a website that allows a user to reserve some equipment for up to 2 days. The metadata will include kit number, kit name, location and availability status. The frontend should allow for filtering — what is the best backend to use? I'd like a simple, lightweight, easy to maintain stack.\"",[31,50,51],{},[46,52,53],{},"\"Vue and Supabase sound like the right fit for me.\"",[31,55,56],{},"After a few back-and-forth exchanges, I landed on implementing a solution using Vue (frontend), Supabase (backend), Resend (email service), and Vercel for hosting & deploys — with built-in support for email confirmations and reservation reminders. I registered a new domain on Porkbun.",[31,58,59],{},"When I was ready to go, I opened a terminal window in VS Code, initiated Claude Code, and asked Claude to set up a project using Nuxt.",[31,61,62],{},"Within less than an hour, I had a functional, nicely designed site that successfully accepted reservations. Over the next few weeks, I iterated on the design and functionality. I'll get into some of my learnings and sticky spots in a future post.",[31,64,65],{},"I was very impressed with the end product, but it got me thinking — what background do you actually need to pull something like this off?",[31,67,68],{},"Having foundational tech knowledge — being familiar with GitHub, repositories, deploying code, frontend, backend, APIs, and various frameworks — is a huge advantage. These tools level the playing field for people with a tech background who aren't expert coders.",[31,70,71,72],{},"Agentic coding could be a game-changer for small nonprofits and volunteer-based organizations — giving them the ability to build powerful, purpose-built tools instead of making do with the freemium tier of a subpar product. If you want to see how it all came together, the full repo is here: ",[73,74,75],"a",{"href":75,"rel":76},"https:\u002F\u002Fgithub.com\u002Fmelanieawilson\u002Freserve-it",[77],"nofollow",{"title":79,"searchDepth":80,"depth":80,"links":81},"",2,[],"tech","2026-05-05","How I used agentic coding to build a lightweight equipment reservation website for a local watershed volunteer group in an evening.","md",null,{},true,{"title":17,"description":84},[91,92,93],"AI","coding","project","WpJ2WjKWFP_rHdEaf-uHxvyVb5XuEbn1W7eRKVO9AYw",1779571619451]