App Architecture
3D model generator

🚀 AIDraft - AI-Powered Architectural Design Platform 🏗️✨

🌟 Inspiration

Architectural design often involves complex CAD software that's challenging for beginners. I wanted to simplify and democratize this process by building a platform that empowers anyone to effortlessly create architectural designs. Seeing how often architects and clients struggle to communicate clearly inspired me to create AIDraft — a bridge between imagination and reality.

🎉 What It Does

AIDraft transforms ideas into impressive 3D architectural models using four intuitive input methods:

📝 Text Descriptions: Describe your building idea naturally.
🎨 Sketches: Quickly sketch floor plans with an intuitive canvas.
🎤 Voice Recordings: Express ideas hands-free.
📸 Photo Uploads: Capture spaces for analysis and inspiration.

AI processes these inputs to deliver:

🌐 Interactive 3D Models with realistic lighting and materials.
📐 Detailed Floor Plans with precise room specifications.
📊 Architectural Analytics, including area calculations and space metrics.
✅ Compliance & Sustainability Insights for eco-conscious design.

🔨 How I Built It

AIDraft is powered by a multi-agent architecture, combining Azure AI services and modern web tech:

🎨 Frontend

Built with Next.js, React, TypeScript, and Tailwind CSS.

🤖 AI Agent System

🧠 Interpreter Agent: Handles all input types.
🏢 Designer Agent: Generates architectural specs.
🌈 Renderer Agent: Creates immersive 3D visuals.
🎼 Agent Orchestrator: Coordinates the workflow between agents.

☁️ AI Services (Powered by Microsoft Azure)

Azure OpenAI — Translates natural language input into structured architectural concepts.
Azure Computer Vision — Interprets uploaded sketches and photographs into floor plan elements.
Azure Speech Service — Converts spoken ideas into text-based design prompts.
Azure Content Moderation — Ensures responsible and ethical use of AI-generated content.

Azure's ecosystem was crucial in building a multi-modal experience. Each service was chosen for its specialization, reliability, and seamless integration.

⚙️ How GitHub Copilot Helped

Throughout development, GitHub Copilot was instrumental in accelerating productivity:

✍️ Auto-suggested TypeScript and React code, reducing boilerplate and catching potential bugs early.
🎨 Helped generate reusable UI components and Tailwind CSS classes faster.
🧠 Proposed functional patterns for managing agent orchestration and API integrations.
📜 Offered intelligent completions for defining architectural logic and input validation.

By streamlining repetitive coding tasks and suggesting intelligent patterns, Copilot enabled rapid prototyping and iterative development.