MyRoom

Cursor for Interior Design

Comment

Inspiration

For many, "visualizing" a dream room is as simple as closing their eyes. However, for individuals with aphantasia, the inability to visualize mental images, or those who simply struggle with spatial awareness, interior design is a frustrating wall of uncertainty. We wanted to build a bridge between a flat 2D inspiration photo and a tangible, interactive 3D space. MyRoom was born from the idea that everyone deserves to feel like an architect of their own home, regardless of their innate artistic ability.

What it does

MyRoom is an AI-powered spatial design platform that transforms 2D images into modular, "Minecraft-style" 3D environments.

AI Translation: Users upload an inspiration photo, and our AI interprets the layout into a 3D block-based world.

Shopify Integration: Every item in your virtual room is linked to a real-world marketplace or peer-to-peer second hand market. You can swap furniture, test layouts, and purchase items directly through our marketplace.

Gamified Design: To make the process engaging, we added building mechanics, turning room decoration into a fun, low-pressure game like building legos.

AI Assistance: An in-app AI decorator suggests color palettes and furniture placements based on your style preferences and requests.

We used MongoDB to gather and store important user metrics such as time spent on item, clicks per view, and man others to compile a in-depth user data which then trains our ai "recommendation". This recommendation compiles listings based on user sentiment as well as returns analytic data to the sellers so they understand what users want.

How we built it

The project is built on a tech stack designed for real-time interaction:

Frontend: Built with React and Three.js/React Three Fiber for the 3D visualization.

AI Engine: We utilized a pipeline involving computer vision models to segment 2D images and map them to a 3D coordinate system.

Backend & E-commerce: Node.js powers our logic, with the Shopify Storefront API handling the product catalog and checkout flow.

Voxel Engine: We developed a custom modular grid system that mimics a "block-like" aesthetic, ensuring that even complex rooms remain easy to edit and navigate.

Challenges we ran into

The biggest hurdle was the 2D-to-3D projection. Interpreting depth and scale from a single photograph is notoriously difficult. Early versions often placed furniture on ceilings or overlapped objects. We had to fine-tune our spatial mapping to ensure the "blocks" aligned logically. Additionally, syncing real-time inventory from Shopify while maintaining high performance in a 3D browser environment required significant optimization of our assets.

Accomplishments that we're proud of

We are incredibly proud of our accessibility features. Creating a tool that specifically empowers people with aphantasia to "see" their room before spending a dime is a huge win for us. We also successfully integrated a seamless "Build-to-Buy" pipeline, where a user can go from a blank canvas to a fully furnished room with a checkout cart in minutes.

What we learned

We learned that Voxel-based design (Minecraft-style) isn't just a stylistic choice - it’s an accessibility choice. By simplifying complex geometry into modular blocks, we made the 3D space much less intimidating for non-designers. We also gained deep experience in prompt engineering for spatial layouts and managing complex API states between our 3D engine and Shopify.

What's next for MyRoom

The future of MyRoom is social and immersive. We plan to:

Multiplayer Design: Allow users to invite friends or professional decorators into their virtual room to collaborate in real-time.

AR Integration: Use Augmented Reality to project the 3D modular design directly into the user's actual physical space.

Expanded AI: Training our own model to recognize more niche furniture styles and provide even more accurate "auto-complete" features for room building.

Share this project:

Updates