AI Code Builder — Pembagian 3 Sub-Project

Pembagian 3 Sub-Project

Back to: [AI Code Builder — Project README](Research: AI Code Builder)

Tree Structure

flowchart TD
    Root["AI Code Builder
(Screenshot to Code)"] Root --> BE["Code Builder → Backend"] Root --> MO["Code Builder → Mobile"] Root --> FE["Code Builder → Frontend"] BE --> BE1["Epic: AI Core Engine"] BE --> BE2["Epic: API & Server Module"] BE --> BE3["Epic: Testing & Validation"] MO --> MO1["Epic: AI Core Engine"] MO --> MO2["Epic: UI Module (Mobile)"] MO --> MO3["Epic: Testing & Validation"] FE --> FE1["Epic: AI Core Engine"] FE --> FE2["Epic: UI Module (Web)"] FE --> FE3["Epic: Testing & Validation"]

Output per Sub-Project

Sub-Project Output Utama Contoh Stack Target Detail Breakdown
Code Builder → Backend API, route/controller, database schema Node/Express, Laravel, dsb [Backend Breakdown]([[ai-code-builder/breakdown-backend
Code Builder → Mobile Screen/widget mobile Flutter, React Native, Native (Android/iOS) [Mobile Breakdown]([[ai-code-builder/breakdown-mobile
Code Builder → Frontend Halaman/komponen web React, Vue, HTML/CSS [Frontend Breakdown]([[ai-code-builder/breakdown-frontend

Catatan Strategis

Chapter Feature Detection di ketiga sub-project mirip secara konsep — dibangun sebagai shared module mulai Cycle 1, direplikasi/diperluas di Cycle 3 untuk Mobile & Backend, bukan dibangun 3x paralel dari nol.