RIFKIWEB & SYSTEMS
Tangerang, Indonesia
DEGREE //S1 Teknik Informatika (IPK 3.74)
PORTFOLIO // JUNIOR SYSTEM ADMINISTRATOR & WEB DEVELOPER

MUHAMMAD

RIFKI

FOCUS //

Mengintegrasikan keandalan sistem Linux, arsitektur web modern full-stack, dan integrasi kecerdasan buatan terapan ke dalam produk digital siap produksi.

LIHAT KARYA & METRIKHUBUNGI SAYA
09

Sistem Produksi & Riset

Full-Stack, POS, AI & Cloud

12

Sertifikasi Kompetensi

HAKI, IBM & Hacktiv8, BNSP

3.74

IPK Kelulusan S1

Teknik Informatika Gunadarma

8,844

Citra Dataset Skripsi

MobileNetV2 Transfer Learning

PORTFOLIO / 2026Tangerang, Indonesia
WORKSPACESSYSTEMS & INFRASTRUCTURE
WEB DEVELOPMENT
SYSTEMS
AI
AUTOMATION
INFRASTRUCTURE
WEB DEVELOPMENT
SYSTEMS
AI
AUTOMATION
INFRASTRUCTURE
WEB DEVELOPMENT
SYSTEMS
AI
AUTOMATION
INFRASTRUCTURE
WEB DEVELOPMENT
SYSTEMS
AI
AUTOMATION
INFRASTRUCTURE
01 //PHILOSOPHY & EDUCATION

BERPIKIR MENYELURUH.
MEMBANGUN DENGAN TUJUAN.

EDUCATION

S1 Teknik Informatika

UNIVERSITY

Universitas Gunadarma

GPA

3.74 / 4.00

FOCUS

WEB / SYSTEM / AI

Saya adalah lulusan Teknik Informatika dari Universitas Gunadarma (IPK 3.74) yang berfokus pada rekayasa web aplikasi, sistem backend, otomasi kecerdasan buatan, dan administrasi infrastruktur server Linux.

Perjalanan saya dimulai dari level perangkat keras: mendiagnosis kerusakan motherboard di Ansi Cellular, mengonfigurasi jaringan LAN di PT Mega Pillar Mas, hingga mengelola operasional marketplace e-commerce di ikiytech dan PT Baja Inti Prima. Fondasi ini membentuk pola pikir eliminasi logis yang saya terapkan saat membangun sistem web modern.

Bagi saya, perangkat lunak tidak berjalan di ruang hampa. Keandalan aplikasi bertumpu pada pemahaman menyeluruh: mulai dari antarmuka pengguna, efisiensi database relasional, keamanan protokol API, hingga kestabilan server host di cloud.

UNDUH RESUME / CV LENGKAP (PDF)↓

02 // WHAT I BUILD

01

WEB APPS

Modern full-stack web platforms, marketplaces & APIs.

Crafting production-grade web applications like Komvori Digital and Mie Jebew with Next.js 16, TypeScript, Zustand, and PHP. Engineered for sub-second responses, reliable state synchronization via Server-Sent Events, and automated QRIS payments.

Next.js 16TypeScriptReactPHP NativePrisma ORMMySQLQRIS
02

SYSTEMS

03

AI & VISION

04

HARDWARE & OPS

WEB APPS

ACTIVE FOCUS

WEB APPS

01 / 04

03 // CAREER & ACADEMIC PROGRESSION

ENGINEERING TIMELINE & MILESTONES

SKIP TIMELINE
Oct 2026 — Presentwork

Full Stack Web Developer

PT Penta Inti Edukasi · Indonesia

Currently working as a Full Stack Web Developer at PT Penta Inti Edukasi, contributing to web application development and software engineering activities.

Contributing to web application development and software engineering activities
Full-stack development covering client presentation and reliable backend logic
Full StackWeb DevelopmentSoftware EngineeringNext.jsTypeScript
Aug 2023 — Presentwork

Penjual E-Commerce & Affiliate Marketer

ikiytech · Remote

Toko online mandiri yang bergerak di bidang produk teknologi, mengelola operasional penjualan di berbagai marketplace digital, serta merancang platform e-commerce Komvori Digital.

Mengelola operasional toko online di berbagai marketplace (Shopee, Tokopedia, dan platform digital)
Mengelola listing produk teknologi, kurasi katalog, pemrosesan pesanan, dan kepuasan pelanggan
Menjalankan strategi pemasaran digital dan affiliate marketing untuk konversi penjualan
Merancang dan mengembangkan platform marketplace digital mandiri Komvori Digital
E-Commerce OperationsMarketplace AdminAffiliate MarketingNext.jsCustomer Service
Aug 2024 — Oct 2024freelance

Admin Online (Freelance)

PT Baja Inti Prima · Tangerang, Banten

Distributor besi dan baja berbasis di Tangerang, Banten, menangani koordinasi inventaris, pesanan online, dan rekonsiliasi data penjualan.

Mengelola pesanan dan komunikasi pelanggan secara online secara terstruktur
Memantau ketersediaan stok produk dan pembaruan harga besi dan baja
Administrasi data penjualan harian dan koordinasi jadwal pengiriman logistik
Sales AdministrationInventory ManagementCustomer CommunicationData Entry
Oct 2025 — Dec 2025work

Technical Writer (E-Learning Project)

SMK Voctech 2 — Universitas Gunadarma · Tangerang, Indonesia

Kontribusi sebagai Technical Writer dalam proyek rekayasa perangkat lunak universitas untuk pengembangan website sekolah dan sistem E-Learning terintegrasi dengan metodologi Waterfall.

Menyusun dokumentasi teknis sistem, arsitektur data, dan manual book pengguna
Mendokumentasikan kebutuhan sistem (SRS) dan alur kerja proyek secara komprehensif
Berkolaborasi erat dengan tim pengembang sepanjang siklus pengembangan perangkat lunak (SDLC)
Technical WritingSRS DocumentationWaterfall SDLCUser GuidesSoftware Engineering
Mar 2022 — Jun 2022internship

IT Technician (Internship)

PT Mega Pillar Mas · Tangerang, Indonesia

Praktik kerja lapangan menangani perakitan komputer kantor, instalasi sistem operasi, dan konfigurasi jaringan lokal (LAN).

Merakit dan mengonfigurasi desktop workstation karyawan
Instalasi sistem operasi menggunakan antarmuka GUI dan terminal CLI
Instalasi kabel jaringan LAN dan troubleshooting konektivitas jaringan
Asistensi administrasi server dasar dan pemeliharaan perangkat keras
Desktop AssemblyLAN SetupOS Installation (CLI/GUI)Network DiagnosticsServer Admin
Jan 2019 — Presentwork

Teknisi Komputer

Ansi Cellular · Tangerang, Indonesia

Layanan perbaikan komputer dan laptop, perakitan PC custom, instalasi sistem operasi, dan dukungan teknis perangkat keras.

Diagnosis dan perbaikan kerusakan perangkat keras dan perangkat lunak laptop/PC
Merakit komputer desktop custom sesuai spesifikasi dan kebutuhan komputasi pengguna
Instalasi sistem operasi Linux dan Windows, driver hardware, dan konfigurasi sistem
Troubleshooting motherboard, power supply, RAM, dan penyimpanan data
Hardware RepairCustom PC AssemblyOS InstallationComponent DiagnosticsIT Support
Jan 2020 — Dec 2020organization

Laboratory Assistant

SMK Bonavita Computer Laboratory · Kota Tangerang, Banten

Asistensi laboratorium komputer sekolah dalam perawatan rutin unit komputer dan pendampingan siswa selama praktikum kejuruan.

Pemeliharaan, pembersihan, dan monitoring unit komputer laboratorium
Troubleshooting cepat masalah jaringan lokal dan sistem operasi saat sesi praktikum
Mendampingi siswa selama sesi praktikum perakitan dan jaringan komputer
Lab MaintenancePractical MentoringNetwork MonitoringHardware Support
CAREER HISTORY: 7 ROLES // PENTA INTI EDUKASI (OCT 2026 – PRESENT)SCROLL TO ADVANCE OR USE PREV/NEXTRIFKI.TECH // TIMELINE

04 // TECHNICAL MATRIX & CERTIFICATIONS

FRONT/01

FRONTEND & WEB APPS

Next.js
React
TypeScript
JavaScript (ES6+)
Tailwind CSS
Zustand
HTML5 & CSS3
Responsive UI
BACK/02

BACKEND & DATA PERSISTENCE

Node.js
PHP Native
CodeIgniter 4
Python / Flask
REST API
Server-Sent Events (SSE)
MySQL
SQLite / Prisma
Database Normalization
SYS/03

SYSTEMS & CLOUD DEPLOYMENT

Linux (Ubuntu & Amazon Linux)
Nginx (Reverse Proxy)
AWS (EC2)
Microsoft Azure VM
VPS Provisioning
SSH & CLI
UFW Firewall
Let's Encrypt (Certbot)
DNS Configuration
PM2 Runtime
AI/04

AI, VISION & AUTOMATION

MobileNetV2 (CNN)
Deep Learning
LLM Integration (DeepSeek R1)
AI Agent Development
Workflow Orchestration (Langflow)
Prompt Engineering
Computer Vision / OCR
Python Automation
NET/05

HARDWARE & NETWORKING

Custom PC Assembly
Hardware Diagnostics
Laptop Repair
LAN Cabling & Subnetting
Network Troubleshooting
Basic Server Admin
TOOL/06

WORKFLOW & TOOLS

Git & GitHub
Figma
VS Code
Postman
Composer & XAMPP
Technical Documentation
OFFICIAL CERTIFICATIONS (12)
4 SPOTLIGHT ELEVATED
SPOTLIGHT / 0119 Oktober 2026
SPOTLIGHT

Surat Pencatatan Ciptaan (HAKI) — NutriVisionAI

Kementerian Hukum RI · Ciptaan Program Komputer bersama Ibu Vega Valentine (Universitas Gunadarma)

CREDENTIAL ID#001553322
HAKI / Hak CiptaVIEW PDF
SPOTLIGHT / 0227 Oktober 2026
SPOTLIGHT

IT - AI Agent for Programming

IBM SkillsBuild University Education · Hosted by Hacktiv8 Indonesia (Final Project Score: 91/100 · 9 Hours)

CREDENTIAL ID#15775/H8/CSR/ISUE/V/2026
AI & Agent DevelopmentVIEW PDFVERIFY
SPOTLIGHT / 0330 September 2026
SPOTLIGHT

AI Productivity and AI API Integration for Developers

Maju Bareng AI — Hacktiv8 Indonesia (Google.org, ADB & AVPN)

CREDENTIAL ID#11656/H8/CSR/MBA2/IX/2026
AI & API IntegrationVIEW PDF
SPOTLIGHT / 0422 - 27 Sep 2025
SPOTLIGHT

Dasar Perancangan Aplikasi Web

Basic Web Application Design — Universitas Gunadarma

CREDENTIAL ID#173548
Software Engineering
SHOWING 4 FLAGSHIP SPOTLIGHT CREDENTIALS
STACK & CERTIFICATION REFERENCESYSTEMS & WEB RUNTIMESRIFKI.TECH // DEVRIFKI.MY.ID

05 // SELECTED WORK

PROJECTS CONNECTING CODE WITH FUNCTION

SPEC-SHEET VIEW (9 OF 9 SYSTEMS)

FLAGSHIP PRODUCTION SYSTEMS & RESEARCH

01MR/01PROOF 1 // AUTO QRIS WEBHOOKPROOF 2 // AWS EC2 + PM2
EXPLORE CASE STUDY

KOMVORI DIGITAL

Digital Product Marketplace & Automated QRIS Payment Platform

Full-stack digital product marketplace with Next.js 16, TypeScript, OTP authentication, shopping cart, QRIS payment gateway integration, and AWS EC2 deployment.

INFRA //AWS EC2 · NGINX · PM2 · PRISMA · MYSQL
Next.js 16TypeScriptTailwind CSSPrismaMySQLQRISAWS EC2PM2Nginx
KOMVORI DIGITAL
Active production deployment at komvoridigital.store.
SPEC-SHEET VERIFIED // MR/01RIFKI.TECH // PROD DEPLOYED
02MR/02PROOF 1 // REAL-TIME SSE SYNCPROOF 2 // ZUSTAND ZERO-RERENDER
EXPLORE CASE STUDY

MIE JEBEW TAMAN WALET

Real-Time Food Ordering Web Application & Kitchen Dashboard

A web-based self-service food ordering application with menu browsing, cart, QRIS payment flow, and real-time order synchronization to kitchen staff via Server-Sent Events (SSE).

INFRA //AWS EC2 · SSE · ZUSTAND · SQLITE · NGINX
Next.jsTypeScriptTailwind CSSZustandPrismaSQLiteServer-Sent EventsAWS EC2PM2Nginx
MIE JEBEW TAMAN WALET
Active production deployment at pesanmiejebew.my.id.
SPEC-SHEET VERIFIED // MR/02RIFKI.TECH // PROD DEPLOYED
03MR/03PROOF 1 // 8,844 FOOD IMAGESPROOF 2 // CNN + DEEPSEEK R1
EXPLORE CASE STUDY

NUTRIVISION AI

Indonesian Food Image Classification & LLM Nutrition Recommendation

Web-based intelligent system combining deep learning (MobileNetV2 CNN) with Large Language Model reasoning (DeepSeek R1) for recognizing Indonesian dishes and providing personalized nutrition guidance.

INFRA //MOBILENETV2 · DEEPSEEK R1 · FLASK VPS · GUNICORN
PythonFlaskMobileNetV2Computer VisionDeepSeek R1LLMGunicornUbuntu VPS
NUTRIVISION AI
Research prototype and academic publication codebase.
SPEC-SHEET VERIFIED // MR/03RIFKI.TECH // PROD DEPLOYED
04MR/04PROOF 1 // MULTI-ROLE MVC POSPROOF 2 // CI4 RELATIONAL LEDGER
EXPLORE CASE STUDY

TOKO KELONTONG POS

Web-Based Point of Sale with MVC Architecture

A full-featured cashier application with inventory tracking, transaction logging, and multi-tier access control, deployed to live production hosting.

INFRA //CODEIGNITER 4 · MYSQL · RELATIONAL LEDGER
CodeIgniter 4PHPMySQLTailwind CSSInfinityFree
TOKO KELONTONG POS
Functional web application with live public demo at tkpos.my.id.
SPEC-SHEET VERIFIED // MR/04RIFKI.TECH // PROD DEPLOYED

ADDITIONAL SYSTEMS & RESEARCH SPECIFICATION (5)

05
MR/05POS & WEB APP

POS MOBILE LAUNDRY

Smart Cashier & Auto Product Template System

AUTO PRODUCT TEMPLATESMOBILE-FIRST TOUCH
INFRA: PHP NATIVE · MOBILE-FIRST · MYSQL NORMALIZED
CASE STUDY
06
MR/06POS & WEB APP

QR ATTENDANCE SYSTEM

School & Lab Attendance System via QR Code Scanning

SUB-SECOND QR SCANEXCEL XLSX EXPORT
INFRA: HTML5-QRCODE · PHP · XLSX SPREADSHEET ENGINE
CASE STUDY
07
MR/07FULL-STACK & CLOUD

AZURE WEB DEPLOYMENT

Cloud VM Infrastructure & Server Hardening

ZERO-DOWNTIME HARDENINGUBUNTU 24.04 + SSL
INFRA: AZURE B-SERIES · NGINX REVERSE PROXY · UFW · SSL
CASE STUDY
08
MR/08UI/UX & 3D

WARISAN BUDAYA INDONESIA

Interactive 3D Virtual Gallery & Cultural Heritage Experience

38 PROVINCES VIRTUAL TOURMDLC 3D FRAMEWORK
INFRA: 3D VIRTUAL GALLERY · MDLC · FIGMA WIREFRAMES
CASE STUDY
09
MR/09UI/UX & 3D

MANGA PLUS REDESIGN

UX Research & Interface Case Study by Shueisha

SUS SCORE: 68.1 (GRADE B)IDEO DESIGN THINKING
INFRA: IDEO DESIGN THINKING · HIGH-FIDELITY PROTOTYPE
CASE STUDY
PROJECTS SINGLE SOURCE OF TRUTH // DATA/PROJECTS.TSVERIFIED METRICS: 18 / 18RIFKI.TECH // DEVRIFKI.MY.ID

06 // ARCHITECTURAL PERSPECTIVE

HOW I THINK ABOUT SYSTEMS

SKIP PERSPECTIVE
LAYER 01 OF 06
SYSTEM ARCHITECTURE

User Intent

Client & Human Experience

Every software architecture begins with human intent: accessing information, submitting transactions, or requesting a service. A well-designed system reduces friction and provides clear, immediate feedback.

Personal Perspective

“As a developer, I treat user interaction not as an afterthought, but as the governing constraint that shapes the entire system down to the database schema.”

FULL-STACK ARCHITECTURE PERSPECTIVERIFKI.TECH // ARCHITECTURAL SPEC

PERSPECTIVE

CODE IS STATIC.
THE EXPERIENCE ISN'T.

Systems engineered with intent, executed with precision.

07 // NOTES & TECHNICAL ARTICLES

01

Klasifikasi Citra Makanan Indonesia & Integrasi Rekomendasi Gizi LLM (Skripsi)

AI & Computer Vision • 5 min read

SkripsiMobileNetV2Computer VisionDeepSeek R1FlaskPython
Klasifikasi Citra Makanan Indonesia & Integrasi Rekomendasi Gizi LLM (Skripsi)
02

Membangun Komvori Digital: Marketplace Produk Digital & Pembayaran QRIS Otomatis

Full-Stack Architecture • 5 min read

Next.js 16TypeScriptPrismaQRISAWS EC2PM2
Membangun Komvori Digital: Marketplace Produk Digital & Pembayaran QRIS Otomatis
03

Sistem Pemesanan Real-Time Mie Jebew: Optimasi Alur Order dengan Server-Sent Events

Web Engineering • 4 min read

Server-Sent EventsZustandNext.jsSQLiteReal-Time
Sistem Pemesanan Real-Time Mie Jebew: Optimasi Alur Order dengan Server-Sent Events
04

Fondasi Engineering: Dari Teknisi Komputer & Jaringan Hingga Full-Stack Developer

Career Journey • 4 min read

Career StoryIT SupportHardwareWeb DeveloperProblem Solving
Fondasi Engineering: Dari Teknisi Komputer & Jaringan Hingga Full-Stack Developer
05

Cara Setup Nginx Reverse Proxy di VPS

DevOps & Systems • 4 min read

NginxReverse ProxySSLCertbotUbuntuVPS
Cara Setup Nginx Reverse Proxy di VPS
06

Troubleshooting SSH Connection Timeout

Linux & Cloud • 4 min read

LinuxSSHFirewallUFWNetwork Security GroupTroubleshooting
Troubleshooting SSH Connection Timeout

08 // WORK EVIDENCE & FIELD ARCHIVE

Diskusi Tim E-Learning
4 FOTO
Web Development

Diskusi Tim E-Learning

Momen diskusi bersama tim developer membahas arsitektur platform dan dokumentasi E-Learning SMK Voctech 2.

BUKA DOKUMENTASI LENGKAP→
Web Development

Diskusi Tim E-Learning

Momen diskusi bersama tim developer membahas arsitektur platform dan dokumentasi E-Learning SMK Voctech 2.

VIEW ALBUM (4)→
AWS Deployment Session
1 FOTO
Infrastructure

AWS Deployment Session

Dashboard EC2 instance dan konfigurasi server jarak jauh via secure shell (SSH), Nginx, dan PM2.

BUKA DOKUMENTASI LENGKAP→
Infrastructure

AWS Deployment Session

Dashboard EC2 instance dan konfigurasi server jarak jauh via secure shell (SSH), Nginx, dan PM2.

VIEW ALBUM (1)→
Toko Kelontong POS Dashboard
1 FOTO
Web Development

Toko Kelontong POS Dashboard

Tampilan dashboard analitik dan manajemen kasir dari aplikasi web Point of Sale (POS) tkpos.my.id.

BUKA DOKUMENTASI LENGKAP→
Web Development

Toko Kelontong POS Dashboard

Tampilan dashboard analitik dan manajemen kasir dari aplikasi web Point of Sale (POS) tkpos.my.id.

VIEW ALBUM (1)→
QR Attendance Scanner
2 FOTO
Web Development

QR Attendance Scanner

Sistem pemindai QR Code untuk absensi real-time berbasis web dan rekapitulasi kehadiran siswa.

BUKA DOKUMENTASI LENGKAP→
Web Development

QR Attendance Scanner

Sistem pemindai QR Code untuk absensi real-time berbasis web dan rekapitulasi kehadiran siswa.

VIEW ALBUM (2)→
Custom PC Build & Hardware Assembly
5 FOTO
Hardware

Custom PC Build & Hardware Assembly

Dokumentasi perakitan PC kustom dan perbaikan hardware motherboard dari pengalaman di Ansi Cellular.

BUKA DOKUMENTASI LENGKAP→
Hardware

Custom PC Build & Hardware Assembly

Dokumentasi perakitan PC kustom dan perbaikan hardware motherboard dari pengalaman di Ansi Cellular.

VIEW ALBUM (5)→
Warisan Budaya Virtual Gallery
4 FOTO
Web Development

Warisan Budaya Virtual Gallery

Desain UI/UX, wireframe, dan storyboard untuk portal edukasi interaktif 3D Warisan Budaya Indonesia.

BUKA DOKUMENTASI LENGKAP→
Web Development

Warisan Budaya Virtual Gallery

Desain UI/UX, wireframe, dan storyboard untuk portal edukasi interaktif 3D Warisan Budaya Indonesia.

VIEW ALBUM (4)→
09 // CONTACT & COLLABORATION

LET'S BUILD
SOMETHING USEFUL.

Open to engineering opportunities, technical collaboration, freelance projects, and discussions about systems and web platforms.

muhammadrifki.off@gmail.comWHATSAPPGITHUBLINKEDINRESUME / CV

LOCATION

Tangerang, Indonesia

PHONE / WA

+62 851-5798-5822

TIMEZONE

WIB (UTC+7)

DIRECT PORTFOLIO

rifki.tech