import gradio as gr
import os
custom_css = """
.gradio-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.portfolio-header {
text-align: center;
padding: 2rem 0;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border-radius: 10px;
margin-bottom: 2rem;
}
.section {
margin: 2rem 0;
padding: 1.5rem;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid #667eea;
}
.skill-tag {
display: inline-block;
padding: 0.5rem 1rem;
margin: 0.3rem;
background: #667eea;
color: white;
border-radius: 20px;
font-size: 0.9rem;
}
.tech-tag {
display: inline-block;
padding: 0.4rem 0.8rem;
margin: 0.2rem;
background: #764ba2;
color: white;
border-radius: 15px;
font-size: 0.85rem;
}
.project-card {
padding: 1.5rem;
margin: 1rem 0;
background: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
border-top: 3px solid #667eea;
}
.contact-info {
padding: 1.5rem;
margin: 1rem 0;
background: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.contact-link {
color: #667eea;
text-decoration: none;
font-weight: 500;
}
.contact-link:hover {
color: #764ba2;
text-decoration: underline;
}
.proof-of-work {
text-align: center;
padding: 2rem;
margin: 2rem 0;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 10px;
}
.proof-of-work-link {
font-size: 1.5rem;
font-weight: 900;
color: white;
text-decoration: none;
display: inline-block;
padding: 1rem 2rem;
margin: 0.5rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 8px;
border: 2px solid white;
transition: all 0.3s ease;
}
.proof-of-work-link:hover {
background: rgba(255, 255, 255, 0.3);
transform: scale(1.05);
text-decoration: none;
color: white;
}
"""
def create_portfolio():
profile_image_path = None
possible_image_paths = [
"IMG_4098.JPG", "IMG_4098.jpg", "IMG_4098.jpeg",
"profile.jpg", "profile.jpeg", "profile.png",
"dp.jpg", "dp.jpeg", "dp.png",
"portfolio.jpg", "portfolio.jpeg", "portfolio.png"
]
# Check for any JPG/JPEG/PNG files in current directory
for path in possible_image_paths:
if os.path.exists(path):
profile_image_path = path
break
# If still not found, search for any image file
if not profile_image_path:
for file in os.listdir("."):
if file.lower().endswith(('.jpg', '.jpeg', '.png', '.gif', '.webp')):
profile_image_path = file
break
if not profile_image_path:
profile_image_path = None
with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as portfolio:
gr.HTML("""
""")
with gr.Row():
with gr.Column(scale=1):
if profile_image_path:
gr.Image(value=profile_image_path, label="Profile Picture", height=300, show_label=True)
else:
gr.Image(label="Profile Picture", height=300, show_label=True, value=None)
with gr.Column(scale=2):
# About Me Section
gr.Markdown("""
## About Me
I am an AI Engineer and Founding Engineer with strong experience in building real-world AI systems end-to-end: from data, model development, infrastructure, to deployment. I specialize in creating production-ready ML pipelines, LLM applications, agent systems, and scalable backend services.
I blend machine learning, software engineering, and product thinking to turn ideas into working AI solutions.
**Yes, I use AI tools** — for further research, faster debugging, and as a tool to enhance my development workflow and productivity.
""")
# Proof of Work Section
gr.HTML("""
""")
# Core Skills Section
gr.Markdown("""
## Core Skills
""")
with gr.Tabs():
with gr.Tab("Machine Learning / Deep Learning"):
gr.Markdown("""
- **Model training, fine-tuning & evaluation**
- **NLP, CV, Multimodal systems**
- **RAG, embeddings**
- **Deployment on GPU instances (Huggingface)**
- **MLOps (TGI, vLLM, Docker)**
""")
with gr.Tab("LLM Engineering"):
gr.Markdown("""
- **Prompt engineering**
- **Agentic workflows**
- **Custom tools & function calling**
- **Fine-tuning models (LoRA, QLoRA)**
- **Building AI assistants & APIs**
- **RAG pipelines with structured knowledge**
""")
with gr.Tab("Software / Backend Engineering"):
gr.Markdown("""
- **Node.js (TypeScript), Python**
- **FAST APIs**
- **Microservices architecture**
- **Authentication, payments, dashboards**
- **Real-time systems, event queues**
""")
with gr.Tab("AI Infrastructure"):
gr.Markdown("""
- **Docker & containerization**
- **TGI / vLLM inference servers**
- **Load balancing & scaling**
- **On-prem & cloud GPU orchestration**
""")
# Technologies Section
gr.Markdown("""
## Technologies I Use
""")
with gr.Row():
with gr.Column():
gr.Markdown("""
### Languages
- **Python**
- **TypeScript (Node.js)**
""")
with gr.Column():
gr.Markdown("""
### Frameworks & Tools
- **PyTorch**
- **Hugging Face**
- **Transformers**
- **Gradio**
- **FastAPI / Express**
- **Docker**
- **GitHub Actions**
- **Nginx**
""")
gr.Markdown("""
## Featured Projects
""")
with gr.Column():
# Project 1: Zurri
with gr.Group():
gr.Markdown("""
### Zurri — AI Agent Marketplace & Model Proxy
**Role:** Founding Engineer
**Tech Stack:** Node.js, TypeScript, Docker, TGI, HuggingFace models
**Highlights:**
- Built scalable API proxy for creators to sell AI models/agents
- Integration with Stripe & Flutterwave
- Dynamic UI rendering for purchased agents
- Backend architecture and optimization
- Model access rate-limiting, security, and analytics
""")
# Project 2: Think Inclusion
with gr.Group():
gr.Markdown("""
### Think Inclusion — AI Sign Language + Speech Translator
**Role:** Architecture Designer
**Status:** Model in production
**Tech Stack:** Deep learning, computer vision, transformers
**Highlights:**
- Real-time translation of sign language + speech
- Multimodal pipeline design
- Optimized for speed and accuracy
""")
# Project 3: AI Agriculture Intelligence System
with gr.Group():
gr.Markdown("""
### AI Agriculture Intelligence System
**Role:** STT/TTS engineer
**Models Used:**
- NCAIR models
- Yarngpt
- Multi-model ecosystem
""")
# Contact Section
gr.Markdown("""
## Contact Me
""")
gr.HTML("""
""")
# Footer
gr.Markdown("""
---
""")
return portfolio
if __name__ == "__main__":
portfolio = create_portfolio()
portfolio.launch()