From interface to infrastructure
Technology Stack & System Architecture
My toolkit for web applications, management software, and AI systems — technologies I work with and continue exploring through projects.
System design
A clear path from request to response
I connect interfaces, identity, APIs, data, and deployment into a complete system. The tools vary with the project’s needs, budget, and scale.
- Clear service boundaries
- Secure access and validation
- Reliable data and storage
- Observable deployments
- 01
Client & interface
The browser or mobile app sends a request.
Next: Domain & edge - 02
Domain & edge
DNS, HTTPS, and the CDN route the request.
Next: Identity & access - 03
Identity & access
Sessions and permissions protect private actions.
Next: Application & APIs - 04
Application & APIs
Services validate input and run business logic.
Next: Data & AI services - 05
Data & AI services
APIs query storage or call retrieval and AI workflows as needed.
Next: Response & observability - 06
Response & observability
Results return to the client; logs and metrics support improvement.
Frontend
Interfaces, frameworks, and styling.
- Next.js
- React
- Vue.js
- Angular
- Svelte
- Tailwind CSS
- TypeScript
- JavaScript
- Vite
- React Native
- Zustand
- Framer Motion
- Lucide Icons
- ShadCN UI
- React Hook Form
- CSS Variables
Auth & Identity
Sign-in experiences, sessions, and identity providers.
- Supabase
- Clerk Auth
- Auth0
- NextAuth
- Custom Authentication
- Email & Password
- Apple ID
- GitHub
- TikTok
Backend
APIs, application logic, and server-side workflows.
- FastAPI (Python)
- Node.js
- Express
- Go
- Django
- Django REST Framework
- Python
- Java
- Next.js API Routes
- Resend
- Zod
Database & Storage
Relational, document, graph, search, and object storage.
- PostgreSQL
- Supabase PostgreSQL
- Neon PostgreSQL
- MongoDB
- MySQL
- Firebase
- Prisma
- Drizzle ORM
- Redis
- Upstash Redis
- Cloudflare R2
- AWS S3
- Elasticsearch
- Neo4j (Graph)
- Vector / RAG Database
- LocalStorage
AI & Automation Layer
Models, agentic workflows, retrieval, and scientific computing.
- LangGraph
- CrewAI
- OpenAI / ChatGPT
- Anthropic / Claude AI
- Google Gemini
- DeepSeek
- LlamaIndex
- SciPy
- NumPy
- Genkit AI
- Groq
- Copilot
- Blackbox
DevOps & Hosting
Delivery pipelines, application hosting, and cloud infrastructure.
- Git
- GitHub Actions
- Docker
- Kubernetes
- Vercel
- Railway
- Render
- Netlify
- Fly.io
- DigitalOcean
- AWS
- Google Cloud
- Microsoft Azure
- Cloudflare
Domains & DNS
Domain registration, DNS, and managed web hosting.
- Hostinger
- Namecheap
- GoDaddy
- Cloudflare
Security Layer
Validation, access boundaries, and traceable operations.
- OAuth & JWT
- JWT Authentication
- Middleware Guards
- Role-Based Access Control
- Upstash Redis
- Audit Trails
- Zod
- HTTPS / TLS
Monitoring & Performance
Error visibility, analytics, and responsive app delivery.
- Sentry
- Google Analytics
- Lighthouse
- PageSpeed Insights
- Core Web Vitals
- PWA & Service Workers
- Recharts
SEO Tools
Search visibility, technical audits, and structured content.
- Google Search Console
- Bing Webmaster Tools
- Lighthouse
- PageSpeed Insights
- Google Analytics
- Structured Data
- Sitemaps & Robots.txt
Testing & QA
Component tests, browser automation, and regression checks.
- Jest
- Cypress
- Playwright
- RTL
UI/UX & Design
Interface systems, prototypes, and visual assets.
- Figma
- Adobe XD
- Canva
- Photoshop
See the tools in practice
Explore the project-specific stacks behind my business, finance, education, and AI applications.
View projects