Website portofolio modern dengan animasi interaktif di setiap section, desain responsif, dan integrasi contact form berbasis EmailJS. Dibangun menggunakan React, Vite, dan Tailwind untuk performa cepat dan pengalaman pengguna yang bersih.
Klik untuk ukuran penuh
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
Project ini adalah website portofolio pribadi yang saya kembangkan menggunakan React, TailwindCSS, dan Vite sebagai foundation utama. Tampilan website dirancang agar estetis, ringan, dan responsif di berbagai perangkat, termasuk mode mobile. Semua section seperti Home, About, Projects, dan Contact dilengkapi animasi halus yang meningkatkan pengalaman visual pengguna.
Website ini juga terintegrasi dengan EmailJS untuk fitur contact form, sehingga memungkinkan pengunjung menghubungi saya langsung tanpa backend tambahan. Selain itu, project ini bersifat open-source dan bebas digunakan kembali. Saya mengembangkan struktur, animasi, komponen parallax, serta memperluas fungsional dari base template milik Ali-Sanati menjadi versi yang lebih kaya fitur dan personal.
Tech stack yang digunakan meliputi:
React, Vite, TailwindCSS, JavaScript, Docker (untuk dev workflow), Git, AWS (deployment-ready), SQLite (opsional), Laravel (integrasi masa depan), Arch Linux environment, Auth0, C++, Blazor, HTML5, CSS3.
Bagian 2
Halaman utama menggunakan efek parallax custom yang saya sesuaikan ulang untuk performa tinggi menggunakan React + Vite. Animasi scroll yang halus memberikan kesan modern dan profesional, terutama untuk first impression pengunjung.
Bagian 3
Bagian About memuat deskripsi diri serta kumpulan teknologi yang saya kuasai, mulai dari frontend hingga backend dan cloud. Animasi icon skill dibuat dengan timing yang konsisten agar tampil hidup tanpa mengganggu fokus pengguna.
Bagian 4
Website ini menyediakan fitur contact form yang terhubung dengan EmailJS, memungkinkan pesan langsung masuk ke email tanpa perlu server backend. Integrasi ini mempermudah akses bagi siapa pun yang ingin bekerja sama atau menghubungi saya.
Terima kasih telah melihat portofolio ini. Tujuan dari website ini adalah untuk menunjukkan identitas digital saya, memberikan inspirasi desain, serta menjadi project open-source yang dapat digunakan atau dikembangkan kembali oleh siapa pun. Kritik dan saran sangat saya terima untuk pengembangan berikutnya.
Demo: https://asyraf2003.github.io/Portfolio/
Repository: https://github.com/Asyraf2003/Portfolio
