T

Taufik Hidayatulloh

Available to Work

fun project

website

Check Khodam

randomize khodam name - nextjs

Check Khodam
AV

Taufik Hidayatulloh

@Taufik-H

60

13 Mei 2025

🔮 Check Khodam — Website Random Nama Khodam Lucu

🔗 Kunjungi Website

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.