Portofolio ini merupakan aplikasi web satu halaman (SPA) yang dikembangkan untuk menyajikan profil profesional secara efektif dan modern. Seluruh proyek dibangun dari awal dengan fokus pada estetika, fungsionalitas, dan performa.
- Teknologi Utama yang Digunakan:
React.js: Sebagai fondasi untuk membangun antarmuka pengguna yang modular dan reaktif.
Tailwind CSS: Digunakan untuk styling yang cepat dan responsif, memungkinkan penyesuaian desain yang presisi.
Framer Motion: Library animasi untuk menciptakan transisi, efek masuk (entry animation), dan animasi scroll yang elegan dan halus.
React Typed: Digunakan untuk menambahkan efek mengetik otomatis pada teks di bagian Hero.
React tsparticles: Digunakan untuk menambahkan efek partikel interaktif pada latar belakang.
gh-pages: Untuk mengotomatiskan proses deployment ke GitHub Pages.
- Fitur dan Fungsionalitas:
Mode Gelap & Terang: Sistem tema yang bisa diubah dan menyimpan preferensi pengguna di local storage.
Halaman Depan (Hero): Dilengkapi dengan foto profil, efek mengetik otomatis, dan tombol untuk mengunduh CV dan menghubungi Anda.
Animasi Interaktif:
Setiap elemen (ikon, blok teks, dll.) muncul dengan animasi yang elegan saat pengguna menggulir halaman.
Efek hover yang dinamis pada tombol dan tautan.
Bagian Proyek: Menampilkan proyek dalam format kartu yang interaktif. Mengklik kartu akan membuka modal (pop-up) yang menampilkan detail proyek, gambar, dan tautan.
Formulir Kontak: Formulir yang berfungsi penuh, terintegrasi dengan layanan pihak ketiga (Formspree) untuk menerima pesan.
Navigasi yang Andal: Menggunakan tautan dasar HTML yang menjamin navigasi antarseksi tanpa masalah, termasuk saat me-refresh halaman.
- Proses Pengembangan & Deployment
Proyek ini dibangun melalui alur kerja yang terstruktur, dimulai dari inisialisasi proyek, penambahan setiap fitur, hingga proses debugging yang teliti untuk mengatasi masalah umum seperti kesalahan routing (404) dan path file yang salah di lingkungan produksi. Proyek ini di-deploy ke GitHub Pages, memastikan ketersediaan publik dengan proses yang efisien.