name: "Muhammad Haikel Saleh (Kaell)"role: "Creative Technologist & 3D Web Specialist"location: "Jakarta Timur, Indonesia 🇮🇩"specialization: - "Interactive Three.js 3D WebGL & WebXR"
- "Modern Fullstack Frontend (React 19, TypeScript, Tailwind)"
- "Clean Architecture & Scalable Systems"available_for: "Freelance High-Impact Projects, Tech Roles & Creative Collaborations"mantra: "Mengubah baris kode menjadi realitas 3D dan alat yang bermanfaat nyata."| Proyek Unggulan | Tujuan / Manfaat Nyata | Live Demo Link | Rekomendasi Hosting |
|---|---|---|---|
| 🌌 Haikel 3D Portfolio | Official Personal 3D Website. Menceritakan perjalanan saya, filosofi rekayasa, keahlian teknis lengkap, dan kontak langsung WhatsApp. | 👉 Buka Portofolio Saya | 🚀 Vercel / Pages (Active) |
| 📸 3D Device Mockup Studio | Alat Bermanfaat untuk Developer & Desainer. Upload screenshot websitemu, tampilkan di laptop 3D interaktif Three.js, lalu export PNG resolusi tinggi gratis untuk GitHub README / Dribbble! | 👉 Gunakan Mockup Studio | 🚀 Vercel / Pages (Active) |
| 📹 CyberVision WebCam HUD | Live Cyberpunk & Matrix WebCam. Konversi kamera real-time menjadi kode Matrix hijau, thermal Predator vision, dan target reticle Iron Man dengan tombol download snapshot! | 👉 Coba Cyber Cam | 🚀 Vercel / Pages (Active) |
| 🌌 3D Depth Particle Cam | Hologram 3D Wajah Real-Time. Mengubah video webcam menjadi awan 4.800 partikel 3D Three.js. Kecerahan wajah mendorong kedalaman Z sehingga wajahmu bisa diputar dalam 3D! | 👉 Coba 3D Depth Cam | 🚀 Vercel / Pages (Active) |
| 🕸️ Spider-Man Portfolio | Cinematic Marvel WebXR. Eksplorasi tema Spider-Man interaktif dengan sound synthesizer Web Audio dan responsivitas dinamis. | 👉 Buka Spider-Man Web | 🚀 Vercel (Active) |
| 🪐 Spatial Noir 3D | Galeri 3D Luar Angkasa. 4.000 partikel bintang, Torus hologram logam, pod pameran 3D yang bisa diklik untuk terbang sinematik, dan synthesizer audio 55Hz. | 👉 Buka 3D Galaxy | 🚀 Vercel / Pages (Active) |
| Kategori | Nama Proyek | Deskripsi | Link Demo |
|---|---|---|---|
| Developer Tools | Claude AI Studio | AI Prompt Engineering Lab bertema hangat Anthropic Claude | Launch App |
| Database & SQL | Supabase Database Hub | PostgreSQL Query Runner & visualisasi skema tabel dark emerald | Launch App |
| Fintech & Payments | Stripe Payment Matrix | Simulasi alur pembayaran langganan Stripe gradient mesh | Launch App |
| Audio Visualizer | Spotify Spatial Audio | Visualizer spektrum audio dinamis tema Spotify obsidian noir | Launch App |
| Spatial OS | Apple visionOS Spatial 3D | Jendela kaca 3D PBR dengan tombol pemisah lapisan 3D (Explode) | Launch App |
| Science & Space | Black Hole Singularity 3D | 8.000 partikel akresi lubang hitam relativistik Three.js | Launch App |
| Product Showroom | Cyber Car Configurator 3D | Showroom mobil masa depan 3D dengan pergantian cat warna bodi | Launch App |
| Career Tracker | Developer Roadmap Tracker | Pelacak skill developer interaktif standar DEVELOPER_ROADMAP.md | Launch App |
| Sprint Management | Linear Command Vault | Kanban board bergaya Linear dengan Command Palette (Ctrl+K) | Launch App |
Mari Terhubung & Mulai Kolaborasi:
