Skip to content

codeeNbrew/my-portofolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portofolio Pribadi v2.0 - Taufik Nur Ramadhan (fikscysc)

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.


🚀 Live Demo

Anda bisa melihat versi live dari portofolio ini di: https://fiksdevvv.github.io/my-portofolio/


Fitur Utama

  • 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.

🛠️ Teknologi yang Digunakan

  • 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.

🔧 Menjalankan Secara Lokal

Untuk menjalankan proyek ini di komputer Anda:

  1. Clone repositori ini:
    git clone [https://github.com/fiksDevvv/fiksDevvv.github.io.git](https://github.com/fiksDevvv/fiksDevvv.github.io.git)
  2. Masuk ke direktori proyek:
    cd fiksDevvv.github.io
  3. Buka file index.html di browser pilihan Anda. (Disarankan menggunakan ekstensi "Live Server" di VS Code untuk pengalaman terbaik).

📁 Struktur File

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)


📬 Hubungi Saya

Jangan ragu untuk terhubung dengan saya:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors