Spot On Shelves

• 

  See a diagram of what the wall would look like.

• 

  one can never have too much useful info?

• 

  Add shelf and furniture details.

• 

  Begin with wall measurements.

• 

  Get the measurements needed.

• 

  And even more useful info

• 

  Get some useful info

My Project Story: Spot On Shelves

What Inspired Me

I built Spot On Shelves from a very real, personal frustration. Recently, I was hanging a floating shelf and a picture, and figuring out the perfect placement was surprisingly tricky. I quickly realized the "best" spot wasn't just about the shelf itself; it dramatically changed based on other furniture already on the wall, like a bed, a cabinet, or even a door. This made measuring and visualizing the final look much harder than it needed to be. I saw this as a perfect opportunity to tackle that problem head-on and make the process easier for everyone.

What Spot On Shelves Does

Spot On Shelves takes the guesswork out of hanging shelves. It's a web application where you input your wall dimensions, shelf sizes, and details about any existing furniture or obstructions on that wall. Based on this, the site calculates and visually displays the optimal, aesthetically pleasing placement for your shelves. It provides precise measurements for where to mark your wall and even offers helpful tips on suitable tools and wall types, ensuring your shelves are hung perfectly, every time.

The Challenge I Faced

My main challenge in developing this project was ensuring the prompt for the AI agent (Bolt.new) could account for all the potential complexities of a real-world wall. This meant including details like various wall building materials, existing furniture pieces, and different shelf types, all while still aiming for a clean, intuitive user interface. Crafting a prompt that was comprehensive yet didn't lead to an overly complex or messy output was a key hurdle. I wanted the site to be genuinely helpful without becoming overwhelming and only had 'one shot' to get it right in the one shot challenge.

How I Built It

I approached this project by first creating a thoughtfully crafted prompt that detailed every aspect I envisioned for the Spot On Shelves website. This prompt was designed to address all the "what ifs" and specific needs I'd identified from my own shelf-hanging struggles. Once the prompt was finalized, I simply entered it into Bolt.new. I was incredibly pleased with the results, as Bolt.new successfully translated my detailed vision into a functional and user-friendly site.

Ice-Box

Bolt did a fantastic job with the one prompt. It wasn't until it was finished and I was testing it, that I realized I should offer an option to hang pictures and posters as well. When you re-do a room or move into a new place you have bare walls and often do not want to mark or mess up those freshly painted walls. Adding pictures would help round off this tool to be even more universal and helpful I believe.

Built With

• react
• tailwind
• typescript