Skip to main content
Safdar.
HomeAboutProjectsBlogContact
Resume
Safdar.

AI Engineer & Full Stack Developer building intelligent systems.

Quick Links

  • Home
  • About
  • Projects
  • Blog
  • Contact
  • Privacy Policy

Connect

safdarayub@gmail.com

Kohat District, KP, Pakistan

© 2026 Safdar Ayub. All rights reserved.RSS Feed
  1. Home
  2. Projects
  3. Flow
Back to Projects
Full Stack

Flow — 8-Phase Cloud-Native Todo Application

A todo app that evolved through 8 architectural phases — from console script to Kubernetes-deployed microservice with AI chatbot.

View on GitHubLive Site

Overview

This project documents the intentional evolution of a simple application across 8 distinct architectural phases: Console App → Full-Stack Web → AI Chatbot → Docker Containerization → Kubernetes Orchestration → Kafka Event Streaming → Dapr Microservices → OCI Cloud Deployment.

The AI chatbot layer uses Groq API for natural language task management with full conversation history. The production system runs on Oracle Cloud (OCI OKE) with Helm charts, NGINX Ingress, Dapr sidecar injection, and free-tier optimization.

8-Phase Evolution

  1. Console App
  2. Full-Stack Web
  3. AI Chatbot
  4. Docker Containerization
  5. Kubernetes Orchestration
  6. Kafka Event Streaming
  7. Dapr Microservices
  8. OCI Cloud Deployment

Key Features

  • 8-phase architectural evolution (documented)
  • AI chatbot with natural language task management
  • Groq API integration with conversation history
  • Kubernetes deployment with Helm 3
  • Dapr sidecar injection for microservice communication
  • Apache Kafka for event streaming
  • 11+ Architecture Decision Records (ADRs)
  • OCI free-tier production optimization
Tech Stack
Next.jsFastAPISQLModelDockerKubernetesHelmDaprKafka

Other Projects

Personal AI Employee screenshot
Platinum TierAI Agents
Personal AI Employee

A 24/7 autonomous AI agent that monitors Gmail, WhatsApp, and filesystem — drafts responses on a cloud VM while you're offline, then executes with your approval when you reconnect.

PythonFastMCPClaude CodeGmail OAuth2Playwright
View DetailsGitHub
Campaign Manager screenshot
Full Stack
Campaign Manager

A CRM prototype with contacts CRUD, audience segmentation rule builder, multi-step campaign wizard, and analytics dashboard — powered by Prisma and Turso.

Next.js 16TypeScriptTailwind CSSShadCN UIPrisma
View DetailsGitHub
AI Video Generation Agent screenshot
AI Agents
AI Video Generation Agent

Type a prompt, get a full 4-minute motion graphics video with narration — completely AI-generated.

TypeScriptReactRemotionClaude CodeGemini TTS
View DetailsGitHub