A bright React Native interior design app that helps users redesign rooms with AI, create moodboards, plan furniture, and manage interior projects in one place.
Project Overview
RoomCraft AI is a React Native mobile app concept designed for people who want to redesign their rooms faster, easier, and with better visual direction.
The app helps users upload a room photo, choose an interior style, generate AI redesign concepts, compare before and after views, build moodboards, browse furniture, save favorite items, and manage full interior design projects from one mobile experience.
The goal of this project was to create a clean and modern interior design app that feels simple for everyday users, but still powerful enough for homeowners, renters, decorators, and interior design studios.
Instead of making the app feel too technical, I focused on a warm, bright, and friendly design style using white, yellow, orange, and green. This makes the app feel creative, fresh, and easy to trust.
The Problem
Redesigning a room can feel confusing because users often do not know where to start.
Many people struggle with:
Choosing the right interior style
Visualizing how a room could look after redesign
Matching furniture, colors, and materials
Saving design ideas in one place
Comparing before and after concepts
Managing multiple room projects
Keeping the design process organized
Most users do not need complicated professional software. They need a simple mobile app that helps them move from idea to visual concept quickly.
The Solution
I designed RoomCraft AI as a mobile room planner that combines AI-powered redesign, moodboard creation, furniture planning, and project management.
The app gives users a step-by-step design flow:
Upload a room photo
Choose a preferred interior style
Generate an AI redesign result
Compare before and after views
Save the result into a project
Build a moodboard with colors, materials, and furniture
Track the design progress
This creates a smooth user journey from inspiration to planning.
Key Features
AI Room Redesign
Users can upload a photo of their room and generate a redesigned interior concept based on their chosen style.
Style Selection
Users can choose from curated interior styles such as Scandinavian Warm, Modern Minimal, Japandi, Boho Chic, Luxury Modern, and Cozy Neutral.
Before & After Compare
The app includes a before-and-after comparison screen so users can clearly see the transformation between the original room and the redesigned result.
Moodboard Builder
Users can create moodboards with interior photos, color palettes, wood textures, fabric samples, materials, and style inspiration.
Furniture Planner
The furniture planner helps users browse sofas, chairs, tables, lamps, rugs, shelves, and decor items. Users can save favorite products and build a shopping list.
Saved Items
Users can save furniture, decor, colors, materials, and room ideas into collections for later review.
Shopping List
The app includes a simple shopping list where users can collect furniture items, check estimated costs, and organize what they need to buy.
Project Dashboard
Users can manage multiple room projects, track design progress, view project details, and save inspiration collections.
Design Progress Tracking
Each project includes progress steps such as room photo upload, room analysis, style selection, AI redesign, furniture planning, moodboard creation, and final review.
Design Direction
For this project, I used a bright and warm interior design style.
The visual system uses:
White background
Yellow highlights
Orange buttons and accents
Green success states
Soft beige interior tones
Rounded mobile cards
Clean icons
Warm room photography
Soft shadows
Minimal navigation
Friendly spacing
Modern mobile layouts
The design direction was created to feel premium but not too luxury. It feels approachable, clean, and realistic for a modern interior design product.
My Role
Product concept
Mobile app UI/UX design
React Native app planning
AI product experience design
Interior design workflow planning
Moodboard interface design
Furniture planner design
Project dashboard design
User flow design
Visual design system
Portfolio presentation design
Tools & Technologies
React Native
TypeScript
Expo
Supabase
Firebase
PostgreSQL
Cloud Storage
AI image generation API
Camera / Image Upload
Push Notifications
Mobile UI Design System
Screens Designed
Main project cover
Upload room photo screen
Interior style selection screen
AI redesign result screen
Before and after comparison screen
Moodboard builder screen
Furniture browsing screen
Saved items screen
Shopping list screen
My projects dashboard
Project detail screen
Design progress screen
Saved inspiration screen
User Experience Flow
The user opens RoomCraft AI and starts by uploading a photo of their room. The app guides them to choose a design style, such as Scandinavian Warm or Modern Minimal.
After choosing a style, the user receives an AI-generated redesign concept. They can compare the original room with the new design, save the concept, or create a moodboard from the result.
From there, the user can browse furniture, save favorite items, build a shopping list, and manage the room as a full interior design project.
The project dashboard keeps everything organized, including room ideas, progress, saved inspiration, and design tasks.
Result
The final project presents a complete React Native mobile app concept for AI-powered interior design and room planning.
RoomCraft AI shows how a creative mobile product can combine AI generation, interior design, furniture planning, moodboards, and project management into one clean experience.
This project demonstrates my ability to design mobile apps that are visually polished, user-friendly, and connected to real lifestyle use cases. It also shows my experience in combining UI/UX design, React Native product planning, AI features, and interior design thinking.
Best Image Order for Contra
Main cover image — RoomCraft AI project overview
AI Room Redesign — upload room, choose style, AI result, before/after comparison