Tersedia untuk Proyek Baru & Kolaborasi

Halo, saya Wawan 👋

Web Developer & Frontend Enthusiast

Membangun aplikasi web modern yang cepat, interaktif, responsif, dan menyenangkan untuk digunakan.

Lihat ProyekHubungi Saya
ASTRO BLOGSaya juga aktif menulis artikel diblog.vuelo.my.id
developer.ts
const developer = {
name: "Wawan",
handle: "vuelo",
role: "Frontend & Web Developer",
coreStack: ["Next.js", "React", "Astro", "Tailwind"],
passions: ["Clean Code", "Web Speed"],
readyToShip: true,
};
// Klik tombol di bawah untuk verifikasi status:
Deployment ready on Vercel âš¡
3+
Tahun Pengalaman
15+
Proyek Selesai
12+
Teknologi Dikuasai
PROFIL DEVELOPER

Mengenal Lebih Dekat

Kombinasi ketertarikan pada estetika desain antarmuka dan kekuatan logika pemrograman.

Halo! Saya adalah seorang Web Developer dengan fokus utama pada ekosistem React, Next.js, dan modern JavaScript/TypeScript. Saya suka mengubah ide kompleks menjadi produk web yang elegan, bersih, dan berkinerja tinggi.

Selain ngoding untuk web apps, saya juga aktif mencatat proses belajar dan tips teknologi di blog Astro saya. Saya sangat menikmati eksplorasi teknologi baru, optimasi performa web, dan animasi antarmuka yang memikat.

Performa & Kecepatan

Fokus pada Core Web Vitals, bundle size minimal, dan loading secepat kilat.

Desain Responsif & Bersih

Tampilan presisi dan pengalaman pengguna yang konsisten di semua perangkat.

Kode Bersih & Scalable

Menerapkan TypeScript, komponen modular, dan arsitektur yang mudah dirawat.

Berbagi Pengetahuan

Aktif menulis dokumentasi dan tutorial web development di blog pribadi.

TECH STACK & ARSENAL

Keahlian & Teknologi

Perangkat lunak, framework, dan perkakas yang saya gunakan sehari-hari untuk mengembangkan aplikasi web.

Frontend Engineering

Membangun tampilan interaktif, cepat, dan responsif dengan standar kode tinggi.

Next.js
Expert
React
Expert
TypeScript
Advanced
Tailwind CSS
Expert
Astro
Advanced
HTML5 / CSS3
Expert
Framer Motion
Advanced
JavaScript (ES6+)
Expert
PORTFOLIO & SHOWCASE

Proyek Pilihan

Kumpulan template dan proyek yang telah saya kembangkan. Anda dapat dengan mudah mengubah data proyek di file konfigurasi.

FullstackFeatured

Modern SaaS Analytics Dashboard

Platform dashboard analytics real-time dengan visualisasi data interaktif, manajemen user berbasis peran, dan dukungan mode gelap/terang.

•Metrik analitik real-time dengan grafik interaktif
•Autentikasi aman dan proteksi rute
•Desain responsif untuk mobile dan tablet
Next.jsTypeScriptTailwind CSSRechartsPrisma
Demo LangsungSource Code
FullstackFeatured

Next.js E-Commerce Showcase

Toko online modern berkecepatan tinggi dengan integrasi keranjang belanja, checkout, sistem pencarian instan, dan optimasi gambar Next.js.

•Pencarian dan filter katalog produk instan
•Keranjang belanja persisten dengan state management
•Simulasi checkout aman & receipt generator
Next.jsReact 19Tailwind CSSStripe APIZustand
Demo LangsungSource Code
FrontendFeatured

Personal Astro Tech Blog

Blog teknologi berperforma tinggi yang dibangun dengan Astro untuk skor Google Lighthouse 100/100, mendukung Markdown/MDX dan syntax highlighting.

•Zero runtime JavaScript untuk muatan halaman ultra-cepat
•Sistem tag & kategori artikel yang terstruktur
•RSS Feed, Sitemap otomatis, dan OpenGraph cards
AstroTypeScriptTailwind CSSMDXSEO
Demo LangsungSource Code
Web App

AI Prompt Playground & Hub

Aplikasi web untuk menguji, membandingkan, dan menyimpan prompt AI dengan antarmuka chat bergaya modern dan dukungan streaming respon.

•Antarmuka chat interaktif dengan efek teks streaming
•Manajemen koleksi prompt dengan fitur pencarian cepat
•Eksport riwayat percakapan dalam format Markdown
Next.jsTailwind CSSOpenAI APIFramer Motion
Demo LangsungSource Code
Web App

Developer Task & Kanban Board

Aplikasi manajemen tugas drag-and-drop yang intuitif dengan fitur papan Kanban, filter prioritas, dan penyimpanan lokal otomatis.

•Sistem Drag and drop halus dengan dnd-kit
•Status kolom tugas: Backlog, In Progress, Review, Done
•Simpan otomatis ke LocalStorage tanpa loading
ReactTypeScriptTailwind CSSdnd-kit
Demo LangsungSource Code
Tools

Interactive Code Snippet Manager

Alat bantu developer untuk mengarsipkan snippet kode favorit dengan syntax highlighter, tag bahasa pemrograman, dan tombol salin instan.

•Highlight sintaksis untuk lebih dari 20 bahasa pemrograman
•Quick copy button dengan animasi feedback
•Pencarian kata kunci langsung pada konten snippet
Next.jsTailwind CSSPrismJSTypeScript
Demo LangsungSource Code
💡 Tips Kustomisasi: Anda dapat menambahkan atau mengganti proyek di atas kapan saja lewat file src/data/portfolio.ts
Powered by Astro 🚀

Kunjungi Blog Saya di blog.vuelo.my.id

Tempat saya membagikan tulisan, tips ngoding, arsitektur frontend, dan dokumentasi proyek terbaru. Dibangun secara mandiri menggunakan Astro untuk performa ultra-ringan.

Topik:Next.js & ReactAstro & SSGTailwind CSS TipsWeb PerformanceClean Code
Baca Tulisan Saya
PERJALANAN & KARIER

Pengalaman Kerja

Jejak langkah dan kontribusi saya dalam berbagai proyek pengembangan web.

Frontend Web Developer @ Independent / Freelance

2024 - Sekarang
Indonesia

Merancang dan mengembangkan website modern, landing page interaktif, dan web application untuk berbagai proyek digital.

Mengimplementasikan Next.js dan Tailwind CSS untuk hasil web yang responsif dan berkecepatan tinggi.
Mengoptimalkan performa web hingga mencapai skor 95+ di Google Lighthouse.
Membangun dan memelihara blog teknologi mandiri di blog.vuelo.my.id menggunakan Astro.

Junior Web Developer @ Digital Projects & Open Source

2023 - 2024
Indonesia

Berkolaborasi dalam membangun komponen antarmuka, integrasi REST API, dan optimalisasi UX.

Membuat beragam reusable UI components dengan React & TypeScript.
Mengintegrasikan layanan API pihak ketiga dan manajemen state client.
Melakukan deployment berkala dan monitoring performa via Vercel.

Web Development Explorer @ Self-Directed Learning

2022 - 2023
Indonesia

Mempelajari fondasi pengembangan web modern, struktur data, algoritma, serta best practices UI/UX.

Menyelesaikan berbagai proyek latihan mulai dari vanilla JavaScript hingga framework modern.
Mempelajari Git version control dan workflow kolaborasi open-source.
GET IN TOUCH

Mari Bekerja Sama

Punya ide proyek, tawaran kolaborasi, atau sekadar ingin bertegur sapa? Pintu saya selalu terbuka!

Kontak Langsung

Kirim pesan melalui email atau salin alamat email saya dengan satu klik.

contact@vuelo.my.id

Kanal Sosial & Blog

GitHubLinkedInTwitter / XAstro Blog

Kirim Pesan Cepat