CoC Inheritance 2024
Decora: Virtual Interior Designer

Table of Contents

• Description
• Links
• Tech Stack
• Progress
• Future Scope
• Applications
• Project Setup
• Usage
• Team Members
• Mentors
• Screenshots

📝Description

• The Virtual Interior Designer is an innovative and user-friendly platform designed to help users visualize and plan their dream interiors effortlessly. With a personal profile-based account system, users can save and manage their projects conveniently.

🔗Links

• GitHub Repository
• Demo Video of Decora
• Screenshots of Decora

🤖Tech-Stack

Front-end

• JavaScript
• React
• Three.js
• Konva.js
• HTML
• CSS

Back-end

• Flask (ML)
• Python

📈Progress

• 2D to 3D Floor Plan Conversion Create your custom 2D floor plan, and the platform will seamlessly convert it into a 3D model, offering a realistic view of your space.
• Personalized Interior Design Enjoy complete freedom to choose and place furniture and decor items as per your preferences. Customize layouts to match your vision and style.
• Online Furniture Suggestions Get access to a variety of furniture options scraped from online sources. Compare styles, prices, and features before making a choice.
• Budget Estimation Get an estimated budget for your house renovation or interior design based on your home and preferences.

🔮Future Scope

• AI-Powered Design Suggestions – Implement machine learning to provide intelligent furniture placement and interior design recommendations based on user preferences and trends.
• Expanded Furniture Database – Enhance the platform by scraping more furniture options from various online marketplaces.
• Collaboration Feature – Allow multiple users to collaborate on a single interior design project, making it ideal for teams and professional designers.

💸Applications

• Homeowners & Renters – Plan and visualize home interiors before making any purchase or renovation decisions.
• Interior Designers – A powerful tool for designers to create, showcase, and modify designs according to client requirements.
• Furniture Retailers & E-commerce Platforms – Enhance customer experience by allowing them to place and visualize products in their own space.
• Real Estate & Property Developers – Provide prospective buyers with a virtual interior setup for better property visualization.
• Construction & Renovation Services – Assist contractors in planning and estimating renovation costs efficiently.

🛠 Setting Up the Project Locally

1. Clone the GitHub Repository

Clone the repository to your local machine using the following command:

git clone https://github.com/chaitra-samant/Decora

2. Set Up API Keys

Before running the project, you need to set up your API keys. Navigate to the .env file in the directory and add the following environment variables:

REACT_APP_AUTH0_DOMAIN=YOUR_AUTH0_DOMAIN
REACT_APP_AUTH0_CLIENT_ID=YOUR_AUTH0_CLIENT_ID
REACT_APP_SKETCHFAB_API_KEY=YOUR_SKETCHFAB_API
REACT_APP_SCRAPER_API_KEY=YOUR_SCRAPPER_API_KEY

Replace YOUR_AUTH0_DOMAIN, YOUR_AUTH0_CLIENT_ID, YOUR_SKETCHFAB_API, and YOUR_SCRAPPER_API_KEY with your actual API credentials.

3. Install Dependencies and Start the Application

Navigate to the client directory and install all required dependencies:

cd Virtual Interior Designer
npm install
npm start

This will start the development server, and you can access the application in your browser.

👨‍💻Team Members

• Vidhi Rohira
• Dhruv Panchal
• Viraj Vora
• Chaitra Samant

👨‍🏫Mentors

• Adi Awaskar
• Aarya Bodas