SRE/DevOps

React/Kubernetes
September 18, 2025
React/Kubernetes
React • Tailwind CSS • Docker • Kubernetes • Terraform • Git • AKS • Grafana/Prometheus • Jaeger • JS/C#/Python/Go

Project

A comprehensive cloud-native microservices application demonstrating enterprise-level SRE and DevOps practices. Built a full-stack transaction processing system with a React frontend, multi-language backend services (Node.js, Go, Python, C#, .NET), and a complete observability stack deployed on Azure Kubernetes Service.

**Access the Application:**
• Grafana Dashboards: http://20.241.246.50/grafana (admin/admin123)
• Jaeger Tracing: http://20.241.246.50/jaeger
• Prometheus Metrics: http://20.241.246.50/prometheus

This project demonstrates end-to-end production-ready DevOps practices including:
• Multi-language microservices architecture with 6 independent services communicating via API gateway
• Infrastructure as Code using Terraform to provision and manage Azure cloud resources
• GitOps workflows with ArgoCD for automated deployments from Git repository
• Complete observability stack with Prometheus, Grafana, and Jaeger for metrics, dashboards, and distributed tracing
• Secrets management with HashiCorp Vault for secure credential handling
• Production-grade features including horizontal pod autoscaling, pod disruption budgets, TLS/HTTPS, network policies, and graceful shutdown
• CI/CD pipelines with GitHub Actions for automated testing, linting, Docker builds, and security scanning
• Multi-database architecture using PostgreSQL, MongoDB, Redis, RabbitMQ, and MinIO for different data needs
• Zero-downtime deployments with Kubernetes rolling updates
• Resource optimization with CPU/memory limits and requests
• Security hardening with network policies
• Scalable architecture supporting horizontal pod autoscaling
• Production-ready monitoring with liveness and readiness probes

The application is deployed to Azure Kubernetes Service (AKS) with all infrastructure defined in Terraform. The React frontend provides an intuitive interface for processing transactions and viewing real-time analytics, while the backend services handle business logic, data processing, and analytics generation. The comprehensive monitoring and observability tools provide real-time insights into system performance, request tracing across services, and service health monitoring.

Results

✅ Successfully containerized React application with Docker
✅ Deployed to Kubernetes with 2 replicas and health checks
✅ Implemented network policies for security on port 8080
✅ Created LoadBalancer service for external access
✅ Automated deployment with shell scripts
✅ Hosted on Vercel with custom domain
✅ Full GitOps workflow with GitHub integration

Technical Achievements:
• Zero-downtime deployments with Kubernetes rolling updates
• Resource optimization with CPU/memory limits and requests
• Security hardening with network policies
• Scalable architecture supporting horizontal pod autoscaling
• Production-ready monitoring with liveness and readiness probes