Building Reliable Infrastructure & Modern Web Applications.
Saya Muhammad Syafiq Ramadani, seorang DevOps engineering yang memiliki ketertarikan pada pengembangan website, otomatisasi infrastruktur, containerization, dan cloud-native technologies.
3+ Web Projects
Deployed Live Websites
2 Professional Experiences
Internship & Operations
Focus DevOps & Cloud-Native Learning
Docker, K8s, CI/CD & Monitoring
About Me
MUHAMMAD SYAFIQ RAMADANI
Professional Summary
“A Software Engineering vocational high school graduate with experience in web development using HTML, CSS, PHP (Laravel), JavaScript, and WordPress. Possesses strong teamwork and attention to detail, and is proficient in using tools such as Visual Studio Code, GitHub, and Figma. Seeking opportunities to develop practical skills in web development and DevOps engineering.”
DevOps & Cloud-Native Infrastructure
Merancang, mengotomatisasi, dan mengelola infrastruktur server modern yang tangguh, aman, dan berskala tinggi. Berfokus pada efisiensi siklus pengembangan perangkat lunak melalui integrasi CI/CD Pipeline, isolasi aplikasi menggunakan Docker, orkestrasi klaster Kubernetes, serta pemantauan performa sistem secara real-time menggunakan Prometheus dan Grafana untuk meningkatkan ketersediaan layanan.
Web Development
Membangun website profil institusi dan aplikasi web fungsional menggunakan HTML5, CSS3, JavaScript, PHP (Laravel), dan WordPress dengan fokus pada antarmuka yang bersih, responsif, serta struktur kode yang terorganisir.
DevOps & Infrastructure
Merancang, mengotomatisasi, dan mengelola infrastruktur server modern melalui integrasi CI/CD Pipeline, isolasi aplikasi menggunakan Docker, orkestrasi klaster Kubernetes, serta pemantauan performa sistem secara real-time menggunakan Prometheus dan Grafana.
Technical Skills
Kombinasi keahlian infrastruktur DevOps, pengembangan aplikasi web, serta perangkat pendukung siklus produksi perangkat lunak.
DevOps & Infrastructure
Docker – Containerization
Mengemas aplikasi beserta dependensinya ke dalam kontainer yang ringan, portabel, dan terisolasi. Menjamin konsistensi lingkungan kerja dari pengembangan lokal hingga server produksi.
Kubernetes – Container Orchestration
Mengelola dan mengorkestrasi layanan aplikasi dalam klaster terpadu. Memahami konsep Pod, Deployment, Service, Ingress Controller, Load Balancing, dan Self-Healing.
GitHub Actions – CI/CD Automation
Mengotomatisasi alur Continuous Integration dan Continuous Deployment. Mengelola workflow untuk pengujian, build, dan deployment aplikasi ke server produksi.
Jenkins – CI/CD Automation
Menggunakan Jenkins untuk mengelola pipeline otomatisasi build, testing, dan deployment aplikasi.
Prometheus – System Monitoring
Mengumpulkan metrik performa infrastruktur secara real-time, seperti penggunaan CPU, memori, disk, dan jaringan menggunakan Node Exporter dan cAdvisor.
Grafana – Observability
Memvisualisasikan metrik infrastruktur melalui dashboard interaktif untuk memantau kesehatan server, kontainer, dan performa aplikasi.
Web Development
Bahasa pemrograman, framework, dan sistem manajemen basis data
Digital Marketing & SEO
Optimasi mesin pencari, riset kata kunci, dan manajemen kampanye iklan
Development Tools
Perangkat lunak pendukung pengembangan, version control, dan sistem operasi
Soft Skills
Kemampuan interpersonal dan etos kerja profesional dalam tim
Work Experience
Pengalaman kerja profesional dalam pengembangan website dan operasional sistem penyiaran langsung.
Web Developer Intern
- Build and maintain the company profile website.
- Collaborate within a team to design the user interface (UI).
- Manage content and plan periodic updates.
- Use plugins to customize the website according to requirements.
Operator Host Live
- Prepare OBS and streaming tools for the host team.
- Calculate incoming GMV and send the results to the marketing team.
- Check internet connection, camera, and microphone before livestream sessions.
- Operate product showcases based on customer requirements.
- Prepare product displays before livestream sessions.
- Operate OBS software for TikTok and Shopee livestreaming.
SMK CENDIKIA
Featured Projects
Dokumentasi proyek pengembangan aplikasi website dan implementasi infrastruktur DevOps.
SMK BHAKTI KENCANA TASIKMALAYA
SMK BHAKTI KENCANA TASIKMALAYA
Pengembangan website sekolah untuk menyediakan informasi dan konten digital yang dapat diakses oleh pengunjung.
TABUNGAN RAMA
Tabungan Rama – Web Application
Proyek pengembangan aplikasi berbasis web yang menjadi bagian dari pengalaman saya dalam membangun dan mengelola aplikasi web.
RAMA HAXOR
Rama Haxor – Web Development Project
Proyek website yang menunjukkan eksplorasi dan pengembangan kemampuan dalam bidang web development dan teknologi.
END-TO-END AUTOMATED CI/CD PIPELINE
End-to-End Automated CI/CD Pipeline
Mengimplementasikan pipeline CI/CD menggunakan GitHub Actions untuk mengotomatisasi proses pengujian dan deployment aplikasi ke VPS secara berkelanjutan pada setiap push ke branch main. Berikut ini adalah konfigurasi workflows nya (name: CI/CD Pipeline Rama DevOps): on: push: branches: - main jobs: build-and-deploy: name: rama DevOps runs-on: ubuntu-latest steps: - name: 📥 Checkout Repository uses: actions/checkout@v4 - name: ⚙️ Setup Node.js uses: actions/setup-node@v4 with: node-version: '20' - name: 🧪 Clean Install & Build (Di GitHub) run: | npm ci npx prisma generate npm run build --if-present npm run bot:build --if-present - name: 🚀 Sync & Restart di VPS (/var/www/rama_bot) env: VPS_HOST: ${{ secrets.VPS_HOST }} VPS_USER: ${{ secrets.VPS_USER }} SSHPASS: ${{ secrets.VPS_PASSWORD }} run: | sudo apt-get update && sudo apt-get install -y sshpass rsync echo "1. Mengirim file terbaru ke VPS..." sshpass -e rsync -avz \ --exclude='.git' \ --exclude='node_modules' \ --exclude='.env' \ --exclude='baileys_auth_info' \ -e "ssh -o StrictHostKeyChecking=no -o PubkeyAuthentication=no -p 22" \ ./ "$VPS_USER@$VPS_HOST:/var/www/rama_bot/" echo "2. Install module & Restart PM2 di VPS..." sshpass -e ssh -o StrictHostKeyChecking=no -o PubkeyAuthentication=no -p 22 "$VPS_USER@$VPS_HOST" << 'ENDSSH' export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" export PATH=$PATH:/usr/local/bin:/usr/bin:~/.npm-global/bin cd /var/www/rama_bot npm ci npx prisma generate npm run bot:build --if-present pm2 stop all || true pm2 save || true ENDSSH - name: ☸️ Deploy & Rollout Kubernetes (K3s) di VPS env: VPS_HOST: ${{ secrets.VPS_HOST }} VPS_USER: ${{ secrets.VPS_USER }} SSHPASS: ${{ secrets.VPS_PASSWORD }} run: | echo "3. Menjalankan Orkestrasi Pods Kubernetes (K3s)..." sshpass -e ssh -o StrictHostKeyChecking=no -o PubkeyAuthentication=no -p 22 "$VPS_USER@$VPS_HOST" << 'ENDK8S' export KUBECONFIG=/etc/rancher/k3s/k3s.yaml mkdir -p /var/www/k8s-rama cd /var/www/k8s-rama # Hapus deployment bot-engine lama yang terpisah agar tidak bentrok sesi WA kubectl delete deployment bot-engine --ignore-not-found=true cat << 'EOF2' > deployment.yaml apiVersion: apps/v1 kind: Deployment metadata: name: web-dashboard spec: replicas: 1 selector: matchLabels: app: web-dashboard template: metadata: labels: app: web-dashboard spec: enableServiceLinks: false containers: - name: web image: node:20 workingDir: /app command: ["sh", "-c", "npm run start"] ports: - containerPort: 3000 env: - name: HOSTNAME value: "0.0.0.0" - name: HOST value: "0.0.0.0" - name: PORT value: "3000" - name: BOT_SERVICE_PORT value: "4000" - name: BOT_PORT value: "4000" volumeMounts: - name: app-volume mountPath: /app - name: engine image: node:20 workingDir: /app command: ["sh", "-c", "npm run bot:build && (node dist-bot/server.js || node dist-bot/bot-service/server.js)"] ports: - containerPort: 4000 env: - name: PORT value: "4000" - name: BOT_SERVICE_PORT value: "4000" volumeMounts: - name: app-volume mountPath: /app volumes: - name: app-volume hostPath: path: /var/www/rama_bot EOF2 cat << 'EOF2' > service.yaml apiVersion: v1 kind: Service metadata: name: web-service spec: type: NodePort selector: app: web-dashboard ports: - protocol: TCP port: 80 targetPort: 3000 nodePort: 30080 --- apiVersion: v1 kind: Service metadata: name: bot-service spec: selector: app: web-dashboard ports: - protocol: TCP port: 4000 targetPort: 4000 EOF2 cat << 'EOF2' > ingress.yaml apiVersion: networking.k8s.io/v1 kind: Ingress metadata: name: rama-ingress annotations: ingress.kubernetes.io/ssl-redirect: "false" spec: rules: - host: tabunganrama.my.id http: paths: - path: /api/bot pathType: Prefix backend: service: name: bot-service port: number: 4000 - path: / pathType: Prefix backend: service: name: web-service port: number: 80 EOF2 kubectl apply -f deployment.yaml || (kubectl delete -f deployment.yaml && kubectl apply -f deployment.yaml) kubectl apply -f service.yaml kubectl apply -f ingress.yaml kubectl rollout restart deployment/web-dashboard sleep 8 kubectl get pods -l app=web-dashboard -o wide kubectl get svc web-service bot-service kubectl get ingress rama-ingress ENDK8S
KUBERNETES MULTI-SERVICE ORCHESTRATION
Kubernetes Multi-Service Orchestration
Mengelola infrastruktur klaster Kubernetes pada Linux VPS untuk menjalankan berbagai layanan secara simultan, dengan konsep orkestrasi aplikasi, pengaturan routing multi-domain, manajemen container, dan otomatisasi layanan.
REAL-TIME SERVER & CONTAINER MONITORING
Monitoring Server mengunakan Granfana dan Prometheus
Monitoring Server mengunakan prometheus dan granfa untuk mengumpulkan metrix pengunakan cpu memori disk dan jaringan dan granfa berfungsi untuk menampilkan data dalam dashboard granfana juga mempermudah analisis dan membuat pelaporan.
Professional Certificates
Sertifikasi kompetensi profesional yang telah diselesaikan. Klik pada sertifikat untuk memperbesar tampilan.
Digital Marketing Certificate – RevoU (2026)
Let's Work Together
“I'm open to opportunities, collaboration, and professional discussions related to DevOps Engineering and Web Development.”
Full Name