📌 Gambaran Keseluruhan Projek
Laman web portfolio ini adalah projek penjenamaan peribadi yang lengkap yang saya reka dan bangunkan sepenuhnya sendiri. Ia berfungsi sebagai resume digital dan platform untuk mempamerkan kemahiran saya dalam reka bentuk web, fotografi, videografi dan reka bentuk grafik. Laman web ini dibina menggunakan HTML, CSS dan JavaScript tulen tanpa sebarang rangka kerja atau pustaka luaran.
✨ Ciri-ciri Utama
🌙Dark Mode Toggle
📱Fully Responsive Design
🎨Custom Color Palette
🖱️Smooth Scroll Animations
📊Interactive Skill Bars
🖼️Photography Gallery with Filter
💡Lightbox for Images
⚡Fast Loading Performance
🎨 Reka Bentuk & Palet Warna
Laman web ini menggunakan palet warna tersendiri yang saya pilih:
Caliste Green #8FBC8F
Apricot White #FDE8CD
Caliste Dark #6B8E6B
Charcoal #2C3E2B
Warna-warna ini dipilih untuk mencipta penampilan yang segar, moden dan profesional yang selesa di mata serta mengekalkan kontras yang baik untuk kebolehbacaan.
🛠️ Teknologi yang Digunakan
HTML5
CSS3
JavaScript (Vanilla)
CSS Grid & Flexbox
Local Storage API
Google Fonts (Inter)
📱 Reka Bentuk Responsif
Laman web ini responsif sepenuhnya dan berfungsi dengan lancar pada semua peranti:
- Desktop (1200px ke atas) - Susun atur penuh dengan jarak yang optimum
- Tablet (768px - 1199px) - Grid dan tipografi yang disesuaikan
- Telefon (480px - 767px) - Susun atur satu lajur dengan butang mesra sentuhan
- Telefon Kecil (bawah 480px) - Reka bentuk padat dengan saiz teks yang mudah dibaca
💡 Apa yang Saya Pelajari
Membina laman web portfolio ini mengajar saya kemahiran berharga dalam pembangunan front-end termasuk:
- Melaksanakan mod gelap dengan pembolehubah CSS dan penyimpanan setempat JavaScript
- Mencipta animasi skrol licin dan kesan yang dicetuskan oleh skrol
- Membina bar kemahiran interaktif yang bergerak apabila kelihatan
- Mereka bentuk galeri imej responsif dengan butang penapis
- Mencipta kotak cahaya untuk melihat imej dengan navigasi papan kekunci
- Menulis kod yang bersih, mudah diselenggara dan terstruktur dengan baik