Portfolio Projek Siap

Koleksi sistem web dan aplikasi yang telah berjaya dibina — dari konsep hingga deployment penuh.

0
Sistem Dibina
0
Kelemahan Diperbaiki
0
% Spam Dihapuskan
0
Teknologi Digunakan
LIVE 2026

Sistem Dashboard Admin

Pengurusan mesej, log keselamatan & pertanyaan pelanggan

Ciri-ciri Utama:

  • Dashboard dengan statistik real-time (jumlah, belum/sudah dibaca)
  • Pengurusan mesej masuk — view, mark read, delete
  • Log keselamatan — SQL injection detection & logging
  • Pertanyaan pelanggan — filter, sort, pagination
  • Auto-detect database schema (old/new compatibility)
PHP MySQL Tailwind CSS PDO CSRF Protection
LIVE 2026

Sistem Pengesahan Email OTP

Borang hubungi dengan pengesahan email 6-digit code

Ciri-ciri Utama:

  • Multi-step form (Email → OTP → Borang Penuh)
  • 6-digit verification code via Gmail SMTP
  • Rate limiting — max 3 kod per 10 minit per email
  • Kod tamat tempoh selepas 15 minit
  • 100% spam elimination (dari ratusan spam → 0)
Hasil: Spam berkurang dari ratusan → 0 mesej spam
PHP Gmail SMTP JavaScript STARTTLS Session Tokens
LIVE 2026

Sistem Keselamatan Web

Audit keselamatan menyeluruh — 28 kelemahan ditemui & diperbaiki

Kelemahan Yang Diperbaiki:

  • CSRF protection pada semua borang admin
  • SQL injection prevention — prepared statements + whitelist
  • Credential management — .env file (tiada hardcoded password)
  • CORS restriction — hanya domain sah dibenarkan
  • HSTS, CSP, X-Frame-Options security headers
  • Blok akses ke fail debug, test, .env via .htaccess
  • Session security — secure, httponly, samesite flags
28 kelemahan ditemui → 8 CRITICAL + 10 WARNING diperbaiki
Security Audit .htaccess CSRF HSTS CSP
LIVE 2026

Progressive Web App (PWA)

Website boleh dipasang di telefon seperti aplikasi native

Ciri-ciri Utama:

  • Installable — boleh "Add to Home Screen"
  • Offline mode — halaman fallback apabila tiada internet
  • 3 strategi caching: Network-first, Cache-first, Stale-while-revalidate
  • App manifest dengan tema hijau profesional
  • 8 ikon untuk semua saiz peranti (72px - 512px)
Service Worker Web Manifest Cache API JavaScript
LIVE 2026

SEO & Auto-Promote System

Optimasi enjin carian & promosi automatik ke search engines

Yang Disediakan:

  • Google Search Console verification & setup
  • Bing Webmaster Tools integration
  • JSON-LD Structured Data (3 schemas: ProfessionalService, FAQPage, ContactPage)
  • IndexNow instant indexing — notify search engines serta-merta
  • Open Graph + Twitter Card untuk social sharing
  • Sitemap.xml + robots.txt
  • FAQ Schema (5 soalan) untuk Google Rich Results
Google Search Console IndexNow JSON-LD Schema.org
SELESAI 2026

Sistem Migrasi Database

Auto-detect & sync schema antara development dan production

Ciri-ciri Utama:

  • Auto-detect column names via INFORMATION_SCHEMA
  • Backward compatible — sistem jalan walaupun schema lama
  • Safe migration script dengan rollback protection
  • Production-ready error handling (tiada leak DB details)
  • 4 jadual dimigrasikan tanpa downtime
MySQL PHP PDO INFORMATION_SCHEMA Migration
LIVE 2026

Borang Hubungi Profesional

Multi-step contact form dengan full email integration

Aliran Proses:

Email OTP Borang Notifikasi

Ciri-ciri Penuh:

  • Step 1: Masukkan email → Dapat 6-digit code
  • Step 2: Verify code → Buka borang penuh
  • Step 3: Isi borang → Auto-send to admin + customer
  • Auto email notifikasi HTML ke admin
  • Auto email pengesahan ke customer
  • 6 jenis perkhidmatan untuk dipilih
  • WhatsApp link integration
  • Progress indicator (Step 1/2)
  • Resend timer (60 saat countdown)
PHP JavaScript SMTP Tailwind REST API

Teknologi Yang Digunakan

Dipilih berdasarkan keperluan projek, bukan ikut trend semata-mata

PHP

JavaScript

Python

MySQL

Tailwind CSS

HTML5

REST API

CSRF/HSTS

SMTP

PWA

SEO

Apache

Ada Projek Dalam Fikiran?

Saya boleh bina sistem yang sama — atau lebih baik — untuk organisasi anda. Perbincangan awal tanpa komitmen.