Portofolio V5

Halo semuanya! Perkenalkan, saya Eki Zulfar Rachman, dan pada kesempatan kali ini, saya ingin berbagi proyek website portofolio yang telah saya kembangkan.

Tech Stack yang digunakan:

• ReactJS
• Tailwind CSS
• AOS
• Firebase
• Framer Motion
• Lucide
• Material UI
• SweetAlert2

Link Website: https://www.eki.my.id/

We would appreciate it if you would like to use this project, please include our credit in your use. Thank You! 🙏

Tutorial Menjalankan Project

Berikut ini adalah panduan sederhana untuk menjalankan project ini.

Persiapan

Pastikan Anda sudah menginstal:

• Node.js

Langkah-Langkah Menjalankan Project

1. Download project ini:

   git clone https://github.com/EkiZR/Portofolio_V5.git

2. Install semua kebutuhan:

   npm install

   atau dengan cara

   npm install --legacy-peer-deps

3. Jalankan project:

   npm run dev

4. Buka di browser:

   Akses aplikasi di browser Anda melalui link yang muncul di terminal.

Membuat Versi Siap Produksi

Untuk membuat versi siap produksi (production build):

1. Jalankan perintah build:

   npm run build

2. File hasil build akan tersimpan di folder dist. Anda dapat mengunggah folder ini ke server hosting Anda.

Catatan

Jika ada masalah saat menjalankan project, pastikan:

• Node.js sudah terinstal dengan benar.
• Anda berada di folder project yang benar.
• Semua kebutuhan terinstal tanpa error.

Konfigurasi Firebase

Untuk melakukan konfigurasi Firebase dalam project ini, ikuti langkah berikut:

1. Tambahkan Firebase ke Project:

   • Buka Firebase Console.
   • Buat project baru atau gunakan project yang sudah ada.

2. Pilih Firestore Database

   • Create Database

3. Pergi Ke Project Setting

   • Klik pada bagian :
   • Nanti copy isi firebas confignya

4. Pergi Ke Rules

   • Ubah rulesnya jadi true

5. Sesuaikan Struktur Collection seperti gambar berikut

6. Buka file firebase.js dan firebase-comment.js

   • Ganti isi firebaseConfig dengan config firebase anda