[{"data":1,"prerenderedAt":91},["ShallowReactive",2],{"navigation":3,"blog-2026-05-05-reserveit":21},[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":20},"\u002Fblog","blog",[16],{"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",false,{"id":22,"title":17,"body":23,"category":78,"date":79,"description":80,"extension":81,"layout":82,"meta":83,"navigation":84,"path":18,"seo":85,"stem":19,"tags":86,"__hash__":90},"content\u002Fblog\u002F2026-05-05-reserveIt.md",{"type":24,"value":25,"toc":74},"minimark",[26,30,33,36,39,45,50,53,56,59,62,65],[27,28,29],"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.",[27,31,32],{},"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.",[27,34,35],{},"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.",[27,37,38],{},"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:",[27,40,41],{},[42,43,44],"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.\"",[27,46,47],{},[42,48,49],{},"\"Vue and Supabase sound like the right fit for me.\"",[27,51,52],{},"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.",[27,54,55],{},"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.",[27,57,58],{},"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.",[27,60,61],{},"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?",[27,63,64],{},"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.",[27,66,67,68],{},"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: ",[69,70,71],"a",{"href":71,"rel":72},"https:\u002F\u002Fgithub.com\u002Fmelanieawilson\u002Freserve-it",[73],"nofollow",{"title":75,"searchDepth":76,"depth":76,"links":77},"",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":80},[87,88,89],"AI","coding","project","WpJ2WjKWFP_rHdEaf-uHxvyVb5XuEbn1W7eRKVO9AYw",1778527953123]