🌟 Inspiration
Redesigning your home or workspace often feels overwhelming. Hiring an interior designer is not only expensive but also time-consuming. We wanted to make interior design accessible to everyone through AI—helping people instantly visualize multiple modern, aesthetic looks for their own spaces.
🛠️ What it does
Visionary Spaces takes a photo of your room (bedroom, kitchen, balcony, office, and more) and uses Google Gemini AI to generate multiple interior design variations instantly. Users can:
- Upload any room photo.
- Select the type of space (e.g., bedroom, kitchen, balcony, living room, office).
- Generate 5 fresh designs at a time with an option to generate more.
- Download their favorite designs.
- Explore extra options like design style, color palette, furniture preferences, and lighting effects.
⚙️ How I built it
- Frontend: React.js, Tailwind CSS, Framer Motion
- Backend: Node.js, Express.js
- AI Integration: Google Gemini API
- Database & Cloud: Firebase Firestore, Firebase Cloud Storage, Firebase Authentication, Firebase Cloud Functions
- Deployment: Vercel
- Version Control: Git, GitHub
🚧 Challenges I ran into
- Training Gemini prompts to output consistently high-quality interior designs.
- Handling large image uploads and rendering speed without lag.
- Designing a clean, minimal UI that feels intuitive and not “overcrowded.”
- Managing user preferences and generating designs dynamically.
🏆 Accomplishments that I'm proud of
- Built a working prototype that generates real AI-powered design variations.
- Designed an elegant UI that balances functionality + creativity.
- Successfully integrated Firebase for authentication and data storage.
- Created an app that has strong real-world utility and can scale further.
📚 What I learned
- How to combine AI image generation with a cloud-based web app.
- Firebase integration for handling real-time data and authentication.
- Optimizing UI/UX for apps that rely heavily on visual outputs.
- Importance of iterative prompt engineering for AI models.
🔮 What's next for Visionary Spaces
- Add AR/VR support so users can preview designs in real-time inside their actual rooms.
- Introduce budget-based furniture recommendations linked to e-commerce platforms.
- Expand design options to include futuristic, eco-friendly, and cultural themes.
- Build a mobile app for faster access and on-the-go redesigns.
- Add a community gallery where users can share their AI-designed spaces.
Log in or sign up for Devpost to join the conversation.