Portfolio Architecture

Animated system flow — hover nodes for details

🌐
Browser / Client
index.html · chat.html · admin.html · knowledge.html
Vanilla JS
HTTP Request · REST API · WebSocket
Flask Application
🐍
Flask App Core
run.py · app/__init__.py · .env secrets
Python 3.11
Blueprint routing
🏠
main.py
Portfolio · Admin · Email
Blueprint
⚙️
api.py
Projects · Notes · Timeline
Blueprint
🤖
chatbot.py
Chat · Sessions · Contact
Blueprint
Service calls
🔍
rag_service.py
Keyword RAG · LLM dispatch · Off-topic filter
RAG Engine
💬
chat_db.py
Sessions · Messages · SQLite CRUD
DB Service
Read / Write
📁
JSON Files
projects · notes · timeline
app/data/
🗄️
SQLite DB
chat sessions · messages
chat.db
API calls (LLM inference)
Groq API
Llama 3.1/3.3 · Mixtral
LLM
🧠
OpenAI API
GPT-4o · GPT-4o mini
LLM
📧
Gmail SMTP
Contact form email
Email
Frontend
Flask Core / Blueprints
Services
Storage
External APIs

↑ Hover any node for details