Ini adalah repositori untuk website portofolio pribadi saya, yang dirancang untuk menampilkan keahlian, proyek, dan perjalanan saya di dunia teknologi, dengan fokus pada Jaringan dan Sistem. Website ini dibangun menggunakan HTML, CSS, dan JavaScript murni, dengan berbagai efek interaktif modern.
Anda bisa melihat versi live dari portofolio ini di: https://fiksdevvv.github.io/my-portofolio/
- Desain Modern & Responsif: Tampilan yang bersih dan dapat diakses dengan baik di perangkat desktop maupun mobile.
- Latar Belakang Partikel Interaktif: Laman utama dilengkapi dengan latar belakang partikel yang bergerak dan bereaksi terhadap mouse, dibuat dengan
particles.js. - Animasi Modern:
- Efek Mengetik: Judul utama muncul dengan animasi seperti sedang diketik.
- Animasi Scroll: Elemen muncul secara halus saat halaman digulir.
- Efek "Glow" & Kaca: Kartu-kartu proyek dan kontak memiliki efek Glassmorphism dan bersinar saat disentuh kursor.
- Navigasi Mobile: Menu hamburger yang fungsional untuk navigasi yang mudah di layar kecil.
- Kustomisasi Visual: Dilengkapi dengan custom scrollbar yang sesuai dengan tema gelap situs.
- HTML5: Untuk struktur konten yang semantik.
- CSS3: Untuk styling, layouting (Flexbox & Grid), dan semua efek visual serta animasi.
- JavaScript (ES6+): Untuk semua fungsionalitas interaktif, termasuk menu mobile, animasi scroll, dan inisialisasi library.
- particles.js: Library untuk membuat latar belakang partikel yang interaktif.
Untuk menjalankan proyek ini di komputer Anda:
- Clone repositori ini:
git clone [https://github.com/fiksDevvv/fiksDevvv.github.io.git](https://github.com/fiksDevvv/fiksDevvv.github.io.git)
- Masuk ke direktori proyek:
cd fiksDevvv.github.io - Buka file
index.htmldi browser pilihan Anda. (Disarankan menggunakan ekstensi "Live Server" di VS Code untuk pengalaman terbaik).
Struktur file utama dari proyek ini adalah sebagai berikut: ├── index.html (Halaman Utama) ├── about.html (Halaman Tentang Saya) ├── project.html (Halaman Galeri Project) ├── contact.html (Halaman Kontak) ├── style.css (File Styling Utama) ├── script.js (File Fungsionalitas Utama) └── js/ └── particles.min.js (Library Latar Belakang Partikel) └── images/ └── (Semua aset gambar)
Jangan ragu untuk terhubung dengan saya:
- Instagram: @taufiknetwork_
- TikTok: @taufiknurrmdhn24
- GitHub: @fiksDevvv