Selamat datang di repository portofolio digital saya. Proyek ini bukan sekadar portofolio biasa, melainkan sebuah Interactive Digital Garden & Tech HUD yang dirancang khusus untuk memadukan estetika pemrograman tingkat tinggi dengan fitur dinamis real-time.
Dibangun dengan standar Next.js 16 (Turbopack), React 19, dan Supabase Database, proyek ini memadukan animasi interaktif, integrasi kecerdasan buatan (Google Gemini AI), sistem log pengunjung terperinci, papan aspirasi komunitas, serta arsitektur yang super responsif pada perangkat mobile.
- 🤖 Gemini AI Integration (Aura AI): Chatbot AI personal yang disematkan langsung di halaman utama untuk menjawab pertanyaan pengunjung seputar keahlian, riwayat belajar, dan proyek saya.
- 📊 Developer HUD (VS Code & GitHub Status): Panel real-time yang memadukan status Discord/VS Code (apakah sedang online dan sedang mengedit file apa) serta grafik kontribusi GitHub secara side-by-side dalam desain ala IDE editor.
- 📸 Community Photo Gallery: Slider galeri momen dan kenangan interaktif yang mendukung upload foto terverifikasi secara langsung oleh komunitas pengunjung.
- 💬 Real-time Aspirations Board (Comments Feed): Forum komentar terintegrasi Supabase lengkap dengan fitur balasan (threaded replies) dan avatar gradien warna konsisten yang dibuat otomatis berdasarkan nama pengunjung.
- ❤️ Optimistic Like System: Tombol suka interaktif yang mendukung toggle Like & Unlike secara instan dengan efek partikel Heart Emoji Fireworks Explosion yang meledak radial 360 derajat.
- 🎨 20+ Premium Theme & Animation Backgrounds: Pilihan kustomisasi visual dari minimalist, cyber-dark, warm-glass, hingga aurora dengan default animasi constellation yang mengikuti kursor mouse (magnetic connection).
- Framework: Next.js 16.1.6 (Turbopack App Router)
- Library Utama: React 19.2.3, Framer Motion, AOS
- Database & BaaS: Supabase (PostgreSQL, Realtime, Storage)
- Styling: Premium Vanilla CSS (Custom properties, Glassmorphic reflections, 3D rotations)
- Kecerdasan Buatan: Google Gemini API
.
├── src/
│ ├── app/ # Next.js App Router (Layouts, Pages, Routes)
│ │ ├── admin/ # Panel Administrasi (Manajemen Tema, Konten, Validasi Foto)
│ │ ├── api/ # Endpoint Backend (Gemini AI integration)
│ │ ├── certificates/ # Halaman Koleksi Sertifikat Akademis Lengkap
│ │ ├── gallery/ # Halaman Galeri Foto Kenangan Komunitas
│ │ ├── game/ # Mini Game Interaktif
│ │ ├── projects/ # Halaman Detail Proyek Full-Scale
│ │ ├── globals.css # Reset CSS, Design Tokens & Core Variables
│ │ ├── layout.js # Metadata Global & Root Layout
│ │ └── page.js # Halaman Utama (Interactive Landings HUD)
│ ├── components/ # Reusable UI Components
│ │ ├── animations/ # BackgroundCanvas (constellations, meteor, dna, vortex)
│ │ └── loading/ # Glowing Orb Loader Screens
│ ├── context/ # React Context for State Management
│ └── lib/ # Supabase Client & API Helper functions
Pastikan Anda telah menginstal Node.js (versi 18+) di mesin Anda.
-
Clone repository ini:
git clone https://github.com/auraauvarose/my-portfolio.git cd my-portfolio -
Instal seluruh dependensi:
npm install
-
Konfigurasi Environment Variables: Buat file
.env.localdi folder root dan isi dengan kredensial Supabase serta Gemini API Anda (lihat.env.local.example):NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key GEMINI_API_KEY=your_google_gemini_api_key
-
Jalankan server lokal dalam mode development:
npm run dev
Buka http://localhost:3000 di browser Anda untuk melihat hasilnya!
Proyek ini bersifat open-source dan dilisensikan di bawah MIT License. Jangan ragu untuk melakukan fork, mengajukan pull requests, atau memberikan kontribusi terbaik Anda demi kemajuan ekosistem developer!
Made with 🐧 Fedora Linux, ⚡ Next.js 16, and ❤️ by Aura Auvarose