Selamat datang di repositori untuk website portofolio pribadi saya. Proyek ini dibangun dari awal menggunakan teknologi web modern untuk menciptakan sebuah showcase yang bersih, interaktif, dan sepenuhnya responsif, lengkap dengan animasi dan fitur-fitur yang dipoles secara profesional.
- Desain Modern & Responsif: Tampilan yang beradaptasi dengan mulus di berbagai perangkat, dari desktop hingga mobile.
- Animasi Halus & Interaktif: Dibuat dengan Framer Motion untuk memberikan pengalaman pengguna yang dinamis:
- Animasi pemuatan awal (Preloader).
- Animasi "mengetik" yang diikuti dengan animasi "gelombang" sebagai idle animation.
- Efek hover yang interaktif pada tombol dan kartu proyek.
- Navigasi Cerdas: Dilengkapi dengan navbar yang muncul saat menggulir dan secara otomatis menyorot seksi yang sedang aktif.
- Pengalaman Pengguna (UX) yang Dipoles:
- Kursor kustom yang mengikuti pergerakan mouse.
- Tombol "Kembali ke Atas" untuk navigasi yang mudah.
- Tombol "Unduh CV" yang praktis untuk rekruter.
- Dapat di-Dockerize: Disiapkan dengan
Dockerfiledan.dockerignoreuntuk portabilitas dan potensi self-hosting.
- Framework: Next.js 14+ (App Router)
- Styling: Tailwind CSS
- Animasi: Framer Motion
- Bahasa: JavaScript
- Ikon: Lucide React
- Deployment: Vercel
- Containerization: Docker
Untuk menjalankan proyek ini di lingkungan pengembangan lokal, ikuti langkah-langkah berikut:
-
Clone repositori ini:
git clone https://github.com/efzynx/simple-profile-porto.git cd simple-profile-porto -
Instal dependensi:
npm install
-
Jalankan server development:
npm run dev
-
Buka http://localhost:3000 di browser Anda.
Anda bisa menjalankan proyek ini menggunakan Docker biasa atau dengan Docker Compose (lebih direkomendasikan).
-
Pastikan Docker dan Docker Compose sudah terinstal.
-
Jalankan aplikasi:
sudo docker-compose up --build
Perintah ini akan membangun image dan menjalankan container secara otomatis. Untuk menjalankannya lagi di lain waktu, cukup gunakan
sudo docker-compose up. -
Hentikan aplikasi:
sudo docker-compose down
-
Build Docker image:
sudo docker build -t simple-profile-porto . -
Jalankan Docker container:
sudo docker run -p 3000:3000 simple-profile-porto
Terima kasih telah mengunjungi repositori ini!
