Ai Architecture assistant

byDipen Koriya

Create a modern AI Building Architecture Assistant web application with a premium, responsive dashboard. The application should allow users to design and customize house floor plans, estimate construction costs using Machine Learning, generate AI-powered architecture reports and realistic building images, and visualize buildings in interactive 2D and 3D. Include voice commands, PDF report generation, and SQLite-based project management. Use Python, Streamlit (or React), Scikit-learn, Gemini API, and Plotly/Three.js with clean, modular, beginner-friendly code.

LandingLoginSignup
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

Ai Architecture Assistant

Introduction

The Ai Architecture Assistant is a modern web application designed to assist users in designing and customizing house floor plans, estimating construction costs using machine learning, generating AI-powered architecture reports, and visualizing buildings in interactive 2D and 3D. This application is targeted at homeowners, architecture students, civil engineers, and architects, providing an easy-to-use platform suitable for both beginners and professionals during the initial planning stage.

System Overview

The Ai Architecture Assistant is a web-based application that offers a premium, responsive dashboard for users to interact with. It includes features such as voice commands, PDF report generation, and SQLite-based project management. The application is built using Python, Streamlit (or React), Scikit-learn, Gemini API, and Plotly/Three.js, ensuring clean, modular, and beginner-friendly code.

Page 2 of 5

Functional Requirements

  • As a Guest User, I should be able to create temporary projects and design floor plans without saving my work.
  • As a Guest User, I should be able to estimate construction costs using machine learning.
  • As a Guest User, I should be able to view AI-generated architecture suggestions.
  • As a Registered User, I should be able to create an account and save multiple projects.
  • As a Registered User, I should be able to edit existing projects and manage project history.
  • As a Registered User, I should be able to download PDF reports of my projects.
  • As a Registered User, I should be able to use AI-powered features for design suggestions.
  • As a User, I should be able to visualize buildings in interactive 2D and 3D.
  • As a User, I should be able to use voice commands to interact with the application.

User Personas

  • Guest User: Can explore the platform, create temporary building designs, and test features such as floor planning, cost estimation, and AI-generated suggestions without saving their work.
  • Registered User: Can create an account, save and manage multiple projects, generate PDF reports, access AI-powered features, and continue editing their designs at any time.

Core User Flows

  • Guest User explores platform -> creates temporary project -> designs floor plan -> estimates costs -> views AI suggestions
  • Registered User logs in -> creates/saves project -> designs floor plan -> estimates costs -> generates PDF report -> visualizes in 2D/3D
Page 3 of 5

Visuals Colors and Theme

  • primary: #1E3A8A (Deep Blue)
  • primary_light: #3B82F6 (Light Blue)
  • secondary: #F59E0B (Amber)
  • accent: #EF4444 (Red)
  • highlight: #FBBF24 (Gold)
  • bg: #F3F4F6 (Light Gray)
  • surface: rgba(255, 255, 255, 0.8) (White)
  • text: #111827 (Dark Gray)
  • text_muted: #6B7280 (Muted Gray)
  • border: rgba(209, 213, 219, 0.2) (Light Gray)

Signature Design Concept

The homepage of the Ai Architecture Assistant will feature an interactive blueprint/architectural drawing theme. Users will be greeted with a dynamic, pencil-sketch animation that morphs into a 3D model as they scroll. This transformation will be powered by @react-three/fiber and @react-three/drei, allowing users to interact with the model by clicking and dragging to explore different angles. Hovering over elements will reveal detailed information, and clicking will provide deeper insights into specific features. The design will be both engaging and informative, providing a unique experience that blends traditional architectural aesthetics with modern technology.

Page 4 of 5

Interaction Model & Motion Direction

The landing page will utilize a "parallax" interaction model, providing layered depth via scroll. Decorative layers will translate at different speeds, while real content stays in normal flow and scrolls naturally. This approach will create a visually rich first impression, ideal for storytelling and engaging users in the architectural design process.

Non-Functional Requirements

  • The application should be responsive and accessible across various devices and screen sizes.
  • It should ensure data security and privacy for all user information.
  • The system should support high availability and scalability to handle multiple users simultaneously.

Tech Stack

  • Frontend: React for Web
  • Backend: Python
  • Database: SQLite for project management
  • AI Models: Gemini API for AI-powered features
  • Visualization: Plotly/Three.js for 2D and 3D visualizations

Assumptions and Constraints

  • The application will primarily target users in India, considering locale-specific defaults such as currency and timezone.
  • The system will be designed to support both beginner and professional users, ensuring ease of use and advanced functionality.
Page 5 of 5

Glossary

  • AI: Artificial Intelligence
  • 2D/3D Visualization: The process of creating two-dimensional and three-dimensional representations of buildings.
  • PDF Report: A document format used to present and exchange documents reliably.
  • SQLite: A software library that provides a relational database management system.
  • Gemini API: An AI model used for generating design suggestions and reports.
Landing: View Info
Landing: Explore Features
FloorPlan: Design Layout
FloorPlan: Customize Rooms
CostEstimator: Input Parameters
CostEstimator: View Estimate
AISuggestions: View Suggestions
Visualization: View 2D Model
Visualization: View 3D Model
Signup: Create Account