System Blueprints

Integration Pipelines

An overview of the cloud platforms, hosting pipelines, AI components, IoT hardware, and drawing reprocessors driving the cnrdeli.com ecosystem.

I. Conscious Building Pipeline
GitHub Version Control Netlify Static Hosting & DNS Browser Visitor Client Render FastAPI Backend AI Brain Gemini / OpenAI ESP32-P4 IoT Controller ChromaDB Vector DB (RAG)

💡 Hover over a Node

Hover over any node in the system diagram above to view details, its role in the pipeline, and the integrated technologies.

II. Identity Tapestry Pipeline
Batch Scans Raw Drawing Scans OpenCV Python Vectorizer & Normalizer Database (JSON) Drawing Metadata Browser UI Visual Library App Physics Solver Mural Layout Engine SVG Exporter Vector Downloader

💡 Hover over a Node

Hover over any node in the tapestry diagram above to view details of the drawing vectorization and layout engine pipeline.

Domains & Web Hosting

Front-End Pipeline

The public static interface of cnrdeli.com. Deployed directly via version control triggers and resolved via a robust registered DNS zone manager.

Porkbun Domain Netlify Hosting Netlify DNS GitHub Triggers HTML5 / CSS3 / JS
Backend Service Pipeline

Erebor Brain Server

A FastAPI application running in Render cloud environments, managing the environmental consciousness, handling chat endpoints, and retrieving sensor logs.

Render Cloud FastAPI Uvicorn Server python-dotenv Pytest Tests
AI & Vector Memory

Retrieval-Augmented RAG

Orchestrates cognitive context. User messages are enriched with local static knowledge records, vector semantic memories, and real-time sensory states.

LangChain ChromaDB OpenAI API Google Gemini JSON Embeds
IoT Hardware & Embedded

Spatial Consciousness

An interactive physical terminal running on high-performance microcontrollers, feeding temperature, light levels, and occupancy to the server brain.

ESP32-P4 MCU ESP-IDF SDK WiFi-6 C6 Module Serial Sensors PowerShell Builds
Image Reprocessing

Tapestry Processing

A custom Python script utilising OpenCV that scans raw student sketches, crops extraneous margins, centers drawing coordinates, and normalizes vector paths for database compilation.

Python 3 OpenCV (CV2) Contour Analysis SVG Path Parsing Static JSON DB
Dynamic Collage & Layout

Mural Physics Engine

An interactive center-based collision-prevention solver written in Javascript. Resolves symbol separation and restricts items inside canvas padding boundaries in real-time.

Javascript ES6 Physics separation Collision Solver SVG Exporter Real-time Rendering