MUHAMMAD
FARI
MADYAN
[ Press ESC or Click to Skip ]

Blog

Blog

All Blog About CodingπŸ“

There are some blog about coding that i create to add more insight and also to share knowledge

  • System Design
  • Architecture
  • Backend
  • Interview
  • Java
  • Spring Boot
  • React
  • Security
  • DevOps
  • Docker
  • Python
  • FastAPI
  • SQLAlchemy
  • Database
  • WebSockets
  • Realtime
  • Authentication
  • Testing
  • CI/CD
  • Ruby
  • Rails
  • Full Stack
  • Tutorial Series
  • Next.js
  • NestJS
  • Laravel
  • Clean Code
  • Open Source
  • Community
  • React Native
#Java
#Spring Boot

Oct 13, 2026

Java Spring Boot + React E-Learning: Single VPS Production Deployment with Docker Compose, Host Nginx Reverse Proxy & SSL Let's Encrypt

A battle-tested, step-by-step production deployment guide for the Java 21 Spring Boot 3 & React 19 E-Learning platform on a single Ubuntu VPS: Docker Compose production topology, Host Nginx SSL termination with Certbot, Swap memory tuning, WebSocket proxying, automated daily database backups, and zero-downtime redeployment scripts.

#Java
#Spring Boot

Oct 13, 2026

Java Spring Boot + React E-Learning: Production Readiness, Security Hardening & Zero-Downtime Resilience (PR #1 Breakdown)

A deep-dive technical post-mortem on hardening the open-source Java 21 Spring Boot 3.4 & React 19 E-Learning platform: eliminating path traversal in file storage, implementing refresh token rotation with Axios queue interceptors, Docker persistent volumes, and Actuator health probes.

#Ruby
#Rails

Oct 9, 2026

Rebuilding Laravel E-Learning to Ruby on Rails & React: Convention over Configuration, Multithreaded Puma & Cloud-Ready Migration

A comprehensive guide on rebuilding a monolithic Laravel E-Learning & CBT platform into a high-concurrency, cloud-ready architecture using Ruby 3.3, Ruby on Rails 8.1 API, React 19, Tailwind CSS v4, PostgreSQL 16, Redis 7, and Action Cable real-time proctoring.

#Python
#FastAPI

Oct 9, 2026

Python FastAPI E-Learning Part 6: Single VPS Production Deployment – Docker Compose, Nginx SSL & Health Monitoring

Deploy a high-concurrency Python FastAPI and React 19 application to a single Linux VPS: multi-container Docker Compose orchestration, Host Nginx reverse proxy with Let's Encrypt SSL, WebSocket upgrade tuning, and auto-recovery health monitoring scripts.

#Python
#FastAPI

Oct 8, 2026

Python FastAPI E-Learning Part 5: High-Throughput Excel Pipelines & Async Automated Testing with Pytest

Master bulk data ingestion and automated quality assurance in Python FastAPI: memory-efficient Excel streaming with openpyxl, atomic batch database transactions, async integration testing with pytest-asyncio and httpx, and GitHub Actions CI/CD pipelines.

#Python
#FastAPI

Oct 7, 2026

Python FastAPI E-Learning Part 4: Enterprise Security Hardening – Stateless JWT, RBAC & 1-Click Impersonation

Fortify enterprise Python FastAPI backends: declarative Role-Based Access Control (RBAC) via dependency injection, path traversal defense in file uploads, and a seamless 1-Click Administrative Impersonation engine with zero-reauth session recovery.

#System Design
#Architecture

Oct 7, 2026

System Design Roadmap Part 4: Real-World Interview Systems – URL Shortener, Chat, Food Delivery & Notification

Ace system design interviews with complete end-to-end architectures: TinyURL URL shortener, WhatsApp-scale real-time chat, Zomato/Gojek geospatial food delivery, distributed notification engines, and Redis rate limiters.

#System Design
#Architecture

Oct 7, 2026

System Design Roadmap Part 3: Distributed Patterns & Concepts – CAP Theorem, Hashing, Sharding & Sagas

Deep-dive into distributed systems theory and production patterns: CAP and PACELC theorems, consistent hashing rings, horizontal database sharding, idempotent APIs, Transactional Outbox, Saga orchestration, and CQRS.

#System Design
#Architecture

Oct 7, 2026

System Design Roadmap Part 2: Core Building Blocks – Load Balancers, CDN, Caching, API Gateway, DBs & Kafka

Essential building blocks of scalable architectures: L4 vs L7 load balancing, global CDN caching, Redis caching strategies, API Gateways, SQL vs NoSQL selection matrices, and Apache Kafka event-driven decoupling.

#System Design
#Architecture

Oct 7, 2026

System Design Roadmap Part 1: Networking Basics – Packets, TCP/UDP, TLS & REST

Master foundational networking concepts for system design: how the internet routes packets, TCP vs UDP trade-offs, HTTP/HTTPS security with TLS 1.3, DNS resolution deep-dive, and stateless REST API architectural principles.

#Python
#FastAPI

Oct 6, 2026

Python FastAPI E-Learning Part 3: High-Precision CBT Exam Engine & Native WebSocket Proctoring

Engineer a high-concurrency, cheat-resistant Computer Based Test (CBT) engine using Python FastAPI: server-authoritative countdown timers, instant autosave, anti-cheat violation traps, and real-time candidate proctoring with native ASGI WebSockets and Redis Pub/Sub.

#Python
#FastAPI

Oct 5, 2026

Python FastAPI E-Learning Part 2: Async ORM & Type Safety – SQLAlchemy 2.0 Async, Pydantic v2 & N+1 Prevention

Master modern async database persistence and schema validation in Python 3.12: SQLAlchemy 2.0 Async engine, eliminating N+1 query traps with selectinload, avoiding MissingGreenlet errors with expire_on_commit=False, and sub-millisecond serialization using Pydantic v2.

#Java
#Spring Boot

Oct 5, 2026

Rebuilding Laravel E-Learning to Java Spring Boot & React: Enterprise Architecture & Cloud-Ready Migration

A comprehensive guide on rebuilding a monolithic Laravel E-Learning & CBT platform into a high-concurrency, cloud-ready architecture using Java 21, Spring Boot 3.4, React 19, Tailwind CSS v4, Redis, and WebSocket STOMP proctoring.

#Python
#FastAPI

Oct 4, 2026

Rebuilding Laravel E-Learning to Python FastAPI & React: High-Concurrency Async Architecture & Cloud-Ready Migration

A comprehensive guide on rebuilding a monolithic Laravel E-Learning & CBT platform into a high-concurrency, cloud-ready async architecture using Python 3.12, FastAPI, SQLAlchemy 2.0 Async, Pydantic v2, React 19, Tailwind CSS v4, Redis, and native WebSocket proctoring.

#Laravel
#Security

Oct 3, 2026

Laravel E-Learning Part 10: Eliminating IDOR Vulnerabilities & Security Hardening (PR #18)

Part 10 of the Laravel E-Learning series: deep-diving into Insecure Direct Object Reference (IDOR) vulnerabilities, implementing granular Laravel Policies, securing Livewire components with #[Locked], hiding exam answers, and hardening admin impersonation in PR #18.

#Laravel
#Open Source

Sep 22, 2026

Laravel E-Learning Part 9: Resolving Community Issues, Exam Flow Hardening & CI/CD Pipeline

Part 9 of the Laravel E-Learning series: triaging a critical community bug report (Issue #16), fixing essay score calculations, student attempt validation, UI state handling, and adding a comprehensive GitHub Actions CI & Security pipeline in PR #17.

#DevOps
#Tutorial Series

May 30, 2026

Fleet Management Part 8: DevSecOps, CI/CD & Production Deployment

Complete DevSecOps pipeline with GitHub Actions. Security scanning, Docker, CI/CD, monitoring, and production deployment for enterprise applications.

#Architecture
#Tutorial Series

May 26, 2026

Fleet Management Part 7: From Monolith to Microservices

Transform a monolith into microservices. Service boundaries, inter-service communication, API gateway, saga pattern, and when NOT to use microservices.

#Clean Code
#Tutorial Series

May 22, 2026

Fleet Management Part 6: SOLID Principles & Design Patterns in Practice

Apply SOLID principles and design patterns in real code. Refactor bad code to clean code with practical examples in NestJS and Laravel.

#Database
#Tutorial Series

May 18, 2026

Fleet Management Part 5: Database Design β€” PostgreSQL, MySQL & Redis

Master polyglot database architecture. PostgreSQL for telemetry, MySQL for business data, Redis for caching. Schema design, migrations, and query optimization.

#Laravel
#Tutorial Series

May 14, 2026

Fleet Management Part 4: Admin Panel & Business Logic with Laravel

Build a powerful admin panel with Laravel and Filament. Service layer patterns, Eloquent ORM, event-driven architecture, and when Laravel beats Node.js.

#NestJS
#Tutorial Series

May 10, 2026

Fleet Management Part 3: Backend API with NestJS

Build a scalable backend API with NestJS and TypeScript. Modules, controllers, services, DTOs, dependency injection, and clean architecture patterns.

#Next.js
#Tutorial Series

May 6, 2026

Fleet Management Part 2: Building the Real-Time Dashboard with Next.js

Step-by-step guide to building a real-time fleet tracking dashboard with Next.js and TypeScript. SSR, component architecture, and performance optimization.

#Full Stack
#Tutorial Series

May 2, 2026

Fleet Management System Part 1: Introduction & System Architecture

Learn how to design enterprise system architecture for an energy logistics fleet management platform. From requirements gathering to tech stack decisions with NestJS, Laravel, and Next.js.

#Laravel
#DevOps

Mar 26, 2026

Upgrading Laravel E-Learning Platform from Laravel 12 to Laravel 13

A complete guide to upgrading the Laravel E-Learning & CBT Platform from Laravel 12 to Laravel 13, covering PHP 8.3, dependency updates, breaking changes, and deployment.

#Laravel
#DevOps

Mar 10, 2026

Laravel E-Learning Part 8: Production Deployment

Complete guide to deploying our Laravel e-learning platform to production using Ubuntu VPS, NGINX, MySQL, and automated deployment with GitHub Actions.

#Laravel
#Tutorial Series

Mar 10, 2026

Laravel E-Learning Part 7: Testing Strategy with Pest PHP

Implementing comprehensive testing for our e-learning platform using Pest PHP, covering unit tests, feature tests, and browser testing.

#Laravel
#Tutorial Series

Mar 10, 2026

Laravel E-Learning Part 6: Real-Time Features with Livewire

Adding real-time functionality to our e-learning platform using Livewire for live exam monitoring, instant notifications, and dynamic updates.

#Laravel
#Tutorial Series

Mar 10, 2026

Laravel E-Learning Part 5: Building the Exam System

Creating a complete exam system with Filament resources for managing exams, questions, and implementing the student exam-taking experience.

#Laravel
#Tutorial Series

Mar 10, 2026

Laravel E-Learning Part 4: Authentication & User Roles

Implementing role-based authentication with Admin, Teacher, and Student roles using Spatie Permission and Filament's multi-panel setup.

#Laravel
#Tutorial Series

Mar 10, 2026

Laravel E-Learning Part 3: Database Schema Design

Designing a robust database schema for an e-learning platform with users, subjects, exams, questions, and results using Laravel migrations.

#Laravel
#Tutorial Series

Mar 10, 2026

Laravel E-Learning Part 2: Setting Up Laravel 12 with Filament Admin Panel

Step-by-step guide to setting up a fresh Laravel 12 project with Filament 3 for building a modern e-learning admin panel.

#Laravel
#Tutorial Series

Mar 10, 2026

Rebuilding My Laravel E-Learning App: A Journey from 5.2 to Modern Laravel

The story of upgrading a legacy Laravel 5.2 e-learning platform to modern Laravel with Filament, Livewire, and best practices. Plus, a sneak peek at the upcoming tutorial series.

#React Native
#DevOps

Jan 21, 2026

React Native Expo Event Management Part 7: Polish & Deploy

Finishing touches pada UI, error handling, build APK untuk testing, build AAB untuk Play Store, dan panduan publikasi aplikasi.

#React Native
#Tutorial Series

Jan 21, 2026

React Native Expo Event Management Part 6: QR Scanner Kehadiran

Implementasi QR scanner untuk check-in peserta event menggunakan expo-camera, parsing QR data, record attendance via API, dan feedback animasi.

#React Native
#Tutorial Series

Jan 21, 2026

React Native Expo Event Management Part 5: Manajemen Event

Menampilkan daftar event dengan pull-to-refresh, membuat komponen EventCard, halaman detail event, dan daftar peserta terdaftar.

#React Native
#Tutorial Series

Jan 21, 2026

React Native Expo Event Management Part 4: Autentikasi Admin

Implementasi sistem login admin dengan form validation, state management Zustand, token storage SecureStore, dan protected routes.

#React Native
#Tutorial Series

Jan 21, 2026

React Native Expo Event Management Part 3: Project Setup

Membuat project Expo baru dengan TypeScript, install dependencies, konfigurasi NativeWind, dan setup struktur folder untuk aplikasi event management.

#React Native
#Tutorial Series

Jan 21, 2026

React Native Expo Event Management Part 2: Instalasi di Mac, Windows, Ubuntu

Panduan lengkap instalasi environment development React Native Expo di Mac, Windows, dan Ubuntu. Setup Node.js, VS Code, Expo CLI, dan emulator.

#React Native
#Tutorial Series

Jan 21, 2026

React Native Expo Event Management Part 1: Pengenalan & Arsitektur

Mengenal arsitektur sistem aplikasi event management dengan React Native Expo untuk scan QR kehadiran peserta. Memahami tech stack dan flow diagram aplikasi.

#Open Source
#Community

Jan 3, 2026

Building an Event Management System for a Developer Community

How I built a comprehensive event management system with registration, waiting lists, QR code tickets, and automated emails for LampungDev - a developer community in Indonesia.

#Next.js
#DevOps

Jan 1, 2026

Why I Deploy Next.js on a VPS Without Docker (And You Should Consider It Too)

A practical guide on deploying Next.js applications to a VPS without Docker. Learn why sometimes the old-school approach is the better choice for small to medium projects.

Back To Section