Virtual-ArchitectAI Tailwind Templates

Virtual Architectai

Built using FastAPI (Python) for the backend and React (Tailwind, Cursor) for the frontend, it leverages computer vision (OpenCV, Pytesseract) and LLMs (Groq) for advanced spatial analysis

šŸ  Virtual Architect: AI-Powered Floorplan Analysis & Recommendations

A cutting-edge AI tool that analyzes floorplans, detects architectural elements, and provides intelligent recommendations using computer vision and LLMs.


šŸš€ Overview

Virtual Architect is an AI-driven floorplan analysis tool that leverages FastAPI, React, Tailwind, and OpenCV to provide real-time architectural insights. Users can upload floorplans, interact with the AI assistant via chat and voice, and receive actionable design recommendations.


✨ Features

  • āœ… Upload & Analyze Floorplans – Detect walls, rooms, and extract architectural elements.
  • āœ… AI Chatbot – Get expert architectural advice through natural language interaction.
  • āœ… Voice Mode – AI-generated responses converted to speech for better accessibility.
  • āœ… Image Processing – Uses OpenCV and Tesseract OCR for feature extraction.
  • āœ… Real-Time Recommendations – Optimized room layouts, traffic flow suggestions, and lighting guidance.
  • āœ… Interactive UI – Built with React + TailwindCSS for a seamless user experience.

šŸ›  Tech Stack

Frontend

  • āš›ļø React (Cursor-based)
  • šŸŽØ TailwindCSS
  • šŸ“¦ Axios for API Requests

Backend

  • šŸš€ FastAPI (Python)
  • šŸ–„ļø OpenCV & Pytesseract (Computer Vision & OCR)
  • šŸ—£ gTTS (Google Text-to-Speech)
  • 🧠 Groq LLaMA-3 (LLM for AI-driven recommendations)

Deployment

  • šŸ–„ Frontend: Netlify
  • šŸ”— Backend: Railway (Future), Localhost (Current)

šŸ”§ Setup & Installation

1ļøāƒ£ Clone the Repository

git clone https://github.com/yourusername/VirtualArchitect.git
cd VirtualArchitect

1ļøāƒ£ Clone the Repository
```bash
sh
Copy
Edit
git clone https://github.com/yourusername/VirtualArchitect.git
cd VirtualArchitect

2ļøāƒ£ Backend Setup (FastAPI)

sh
Copy
Edit
cd backend
python -m venv venv  # Create a virtual environment
source venv/bin/activate  # (Mac/Linux) Activate venv
venv\Scripts\activate  # (Windows) Activate venv
pip install -r requirements.txt  # Install dependencies

3ļøāƒ£ Frontend Setup (React)

sh
Copy
Edit
cd ../frontend
npm install  # Install dependencies
npm run dev  # Start frontend server

4ļøāƒ£ Run Backend Server

sh
Copy
Edit
cd backend
uvicorn app:app --reload
Backend will be available at http://localhost:8000
Frontend will be available at http://localhost:3000

šŸš€ Deployment

1ļøāƒ£ Deploy Backend (Railway)

  • Sign up on Railway.app
  • Create a new project and upload your FastAPI backend
  • Add environment variables (.env file for API keys)
  • Deploy & get the API URL

2ļøāƒ£ Deploy Frontend (Netlify)

  • Sign up on Netlify
  • Drag and drop the frontend folder in Netlify
  • Set the REACT_APP_API_URL environment variable to your backend URL
  • Deploy & get the website URL

šŸ“ˆ Future Improvements

āœ… Use GPT-4V, DeepSeek, or Claude for enhanced AI reasoning.
āœ… Train a custom YOLOv8 model for better room and furniture detection.
āœ… Improve UI with real-time 3D modeling and drag-and-drop layout features.
āœ… Optimize API response times and integrate scalable cloud hosting.


šŸŽÆ Why the FastAPI Version Was Not Deployed?

While the Gradio version was deployed on Hugging Face for quick feature validation, the FastAPI + React version requires dedicated cloud hosting for full functionality. Due to higher infrastructure requirements and costs, it is currently running locally, as shown in the documentation and demo video.


šŸ“œ License

This project is open-source and available under the MIT License.


šŸ“© Contact

šŸ‘¤ Rajat
šŸ“§ Email: [email protected]
šŸ”— LinkedIn: linkedin.com/in/rajat-rajat12
šŸ”— Deployed Demo (Gradio): Virtual Architect on Hugging Face


Top categories

Loading Svelte Themes