Personal Portfolio Website

📌 Deskripsi Project

Website ini berfungsi sebagai identitas digital (personal branding) yang memuat:

• Showcase Project: Galeri proyek-proyek unggulan yang saya kerjakan.
• Informasi Profesional: Riwayat pendidikan, pencapaian kompetisi, dan sertifikasi.
• Tech Stack: Visualisasi teknologi dan tools yang dikuasai.
• Kontak: Sarana bagi pengunjung untuk mengunduh CV atau menghubungi via media sosial.

🛠️ Tech Stack

Teknologi modern yang digunakan dalam pengembangan:

• Frontend Framework: React.js
• Build Tool: Vite
• Styling: Tailwind CSS (untuk layout responsif dan modern)
• Animation: GSAP (GreenSock Animation Platform) untuk interaksi visual yang dinamis
• Icons & Assets: SVG Custom & React Icons

🚀 Fitur Utama

• Hero Section Interaktif: Animasi pembuka menggunakan GSAP dan efek teks (SplitText/ShinyText).
• Custom Cursor: Kursor kustom untuk meningkatkan pengalaman pengguna (UX).
• Project Gallery: Tampilan grid atau slide untuk daftar portofolio dengan detail teknologi.
• Responsive Design: Tampilan yang optimal di Desktop, Tablet, dan Mobile.
• Lazy Loading: Komponen dimuat secara efisien untuk performa maksimal.
• Downloadable CV: Fitur akses langsung ke dokumen Curriculum Vitae.

📁 Struktur Folder

Gambaran struktur direktori utama project ini:

portofolio/
├── public/
│   ├── img/               # Aset gambar (Project, Logo Tech Stack, Foto Profil)
│   ├── file/              # Dokumen publik (CV.pdf)
├── src/
│   ├── assets/            # Aset statis komponen
│   ├── components/        # Komponen UI (Hero, Navbar, Footer, dll)
│   │   ├── assets/        # Komponen kecil (Cards, Modal, Text Effects)
│   ├── constant/          # Data statis (list project, sosmed, dll)
│   ├── App.jsx            # Komponen utama aplikasi
│   ├── main.jsx           # Entry point React
│   └── index.css          # Global style & Tailwind directives
├── index.html             # HTML entry point
├── vite.config.js         # Konfigurasi Vite
└── package.json           # Daftar dependensi project

⚙️ Instalasi & Setup

Ikuti langkah berikut untuk menjalankan project di komputer lokal:

Prasyarat

Pastikan Anda telah menginstal:

• Node.js (versi LTS disarankan)
• NPM atau PNPM

Langkah Instalasi

1. Clone Repository

git clone [https://github.com/username/portofolio.git](https://github.com/username/portofolio.git)
cd portofolio

2. Instal Dependensi

npm install
# atau jika menggunakan pnpm
pnpm install

3. Jalankan Mode Development

npm run dev

Website akan berjalan di http://localhost:5173 (port default Vite). 4. Build untuk Production Untuk membuat versi produksi yang siap deploy:

npm run build

🔐 Konfigurasi Aset

Pastikan file gambar dan dokumen diletakkan di folder yang sesuai agar dapat diakses:

• Gambar Project & Tech Stack: public/img/
• File CV: public/file/ (Sesuaikan nama file di codingan jika Anda mengganti file CV).

🤝 Kontribusi

Jika Anda ingin mengembangkan lebih lanjut atau memperbaiki bug:

1. Fork repository ini.
2. Buat branch baru.
3. Commit perubahan Anda.
4. Push ke branch tersebut.
5. Buat Pull Request.

📄 Lisensi

Project ini dilisensikan di bawah MIT License.

---

© 2025 Hak cipta milik pengembang Raditt10.