%%{\n init: {\n "flowchart": {"defaultRenderer": "elk"},\n 'theme': 'base',\n 'themeVariables': {\n 'primaryColor': '#BB2528',\n 'primaryTextColor': '#000',\n 'primaryBorderColor': '#7C0000',\n 'lineColor': '#ff0000',\n 'secondaryColor': '#006100',\n 'tertiaryColor': '#fff'\n }\n }\n}%%\n\nflowchart TB\n %% Main components stacked vertically for better clarity\n webapp[WebApp
Next.js] <--> processing_microservice\n \n %% Processing API with AI Models as a combined group\n subgraph processing_microservice[Python Server]\n direction TB\n server[Processing Service / API]\n \n subgraph AI[AI Models running locally]\n direction TB\n whisper[Whisper
Speech Recognition]\n florence[Florence-2
Image Analysis]\n translation[Areeb123/En-Fr
Translation Model]\n surya[Surya
PDF Structure Analysis]\n solon[Solon
French Text Embeddings]\n end\n \n server --> AI\n end\n \n %% Storage Services section\n subgraph "Storage Services"\n direction TB\n postgres[(PostgreSQL
Vector Database)]\n mariadb[(MariaDB
Moodle Database)]\n end\n\n \n %% Ollama as separate service\n subgraph ollama_microservice[Ollama Service]\n ollama[Ollama LLM Service
GPU-Accelerated]\n llama[LLaMa 3.1:8b
Text Generation] --> ollama\n end\n %% External components with a parent node for external services\n subgraph external_services[External Services]\n direction TB\n s3[S3 Storage
OVH]\n groq["Groq API
(llama-3.3-70b-versatile)"]\n youtube_api[YouTube
API]\n end\n \n %% YouTube Token Generator as micro-service\n youtube_token[YouTube Token
Generator]\n \n \n %% Educational Platform with merged Moodle\n subgraph education_platforms[Educational Platform]\n direction TB\n moodle[Moodle LMS
with Node Server]\n h5p[H5P
Interactive Content]\n end\n\n\n %% Connections reorganized for clarity\n webapp <--> postgres\n webapp <--> s3\n webapp <--> groq\n webapp <--> education_platforms\n\n youtube_api <--> server\n\n processing_microservice <--> ollama_microservice\n\n\n youtube_token <--> server\n\n h5p <--> s3\n moodle <--> mariadb\n \n classDef storage fill:#f9f,stroke:#333,stroke-width:2px\n classDef ai fill:#bbf,stroke:#333,stroke-width:2px\n classDef web fill:#bfb,stroke:#333,stroke-width:2px\n classDef edu fill:#fbf,stroke:#333,stroke-width:2px\n classDef backend fill:#fbb,stroke:#333,stroke-width:2px\n classDef external fill:#ff9,stroke:#333,stroke-width:2px\n classDef aimodel fill:#9cf,stroke:#333,stroke-width:2px\n classDef ollama fill:#d4a3ff,stroke:#333,stroke-width:2px\n classDef microservice fill:#fbb,stroke:#333,stroke-width:2px\n classDef processing_microservice fill:#fbf,stroke:#333,stroke-width:2px\n\n class postgres,mariadb storage\n class server backend\n class webapp, web\n class moodle,h5p edu\n class youtube_api,scw,groq,s3 external\n class whisper,florence,translation,surya,solon,llama aimodel\n class ollama ollama\n class youtube_token microservice\n class AI ai\n class processing_microservice processing_microservice\n

Technical Architecture

On this page