🔮 Check Khodam — Website Random Nama Khodam Lucu
Check Khodam adalah sebuah website ringan dan fun project yang saya buat untuk seru-seruan. Website ini secara acak akan menampilkan nama khodam dengan hasil yang unik, absurd, dan lucu, cocok buat iseng bareng teman atau sekadar hiburan ringan setelah ngoding.
🎯 Tujuan Proyek
- Melatih implementasi Next.js dan TypeScript dalam skala kecil
- Eksperimen animasi UI menggunakan Framer Motion
- Membuat project ringan tapi menarik secara visual dan interaksi
- Hiburan 👻
🧱 Teknologi yang Digunakan
Teknologi | Deskripsi |
---|---|
Next.js | Framework React modern untuk membangun aplikasi web cepat dan efisien |
TypeScript | Superset JavaScript yang menambahkan type safety dalam pengembangan |
Tailwind CSS | Framework styling utility-first yang bikin development UI lebih cepat |
Framer Motion | Library animasi untuk React, digunakan untuk transisi yang smooth dan playful |
👨💻 Peran Saya
Sebagai solo developer, saya mengerjakan seluruh aspek frontend, mulai dari:
- Struktur halaman dan komponen dengan Next.js + TypeScript
- Styling UI yang clean dan playful menggunakan Tailwind CSS
- Menambahkan animasi dinamis untuk interaksi pengguna dengan Framer Motion
- Membuat generator random nama khodam yang memunculkan hasil berbeda setiap kali diklik
✨ Fitur Sederhana tapi Menghibur
- 🎲 Random Generator nama khodam
- 😂 Output nama-nama yang lucu, kadang tidak masuk akal
- 🌀 Animasi smooth saat nama dimunculkan
- 📱 UI yang responsif dan cocok untuk mobile
📌 Link Live Project
🔗 https://check-khodam-three.vercel.app/
Project ini bukan aplikasi serius — hanya sebuah latihan sekaligus hiburan digital yang bisa bikin ketawa sendiri. Tapi di balik kesederhanaannya, saya belajar banyak soal UI animation, penggunaan TypeScript, dan penyusunan komponen yang efisien.