Cat Meme Maker

Sebuah aplikasi web sederhana yang memungkinkan Anda membuat meme kucing dengan teks kustom. Dibuat menggunakan React.js dan Vite, aplikasi ini menggunakan API dari cataas.com untuk mendapatkan gambar kucing acak dan Pico.css untuk styling minimalis.

Fitur Utama

• Teks Kustom: Tambahkan nama atau pesan Anda sendiri ke gambar kucing.
• Gambar Kucing Acak: Setiap kali teks diubah, gambar kucing baru akan dimuat.
• Desain Responsif: Tampilan yang bersih dan sederhana, dioptimalkan untuk perangkat seluler dan desktop.

Demo Langsung

Coba aplikasi ini secara langsung di https://keinan21.github.io/cat-meme-maker/

---

Teknologi yang Digunakan

• React.js: Pustaka JavaScript untuk membangun antarmuka pengguna.
• Vite: Build tool yang cepat untuk proyek frontend.
• Pico.css: Framework CSS minimalis untuk styling.
• cataas.com: API yang menyediakan gambar kucing.

---

Instalasi dan Penggunaan (Lokal)

Ikuti langkah-langkah sederhana ini untuk menjalankan proyek di komputer Anda.

1. Clone repositori ini:

   git clone [https://github.com/keinan21/cat-meme-maker.git](https://github.com/keinan21/cat-meme-maker.git)

2. Masuk ke direktori proyek:

   cd cat-meme-maker

3. Instal semua dependensi:

   npm install

4. Jalankan aplikasi di mode pengembangan:

   npm run dev

   Aplikasi akan berjalan di http://localhost:5173.

---

Deployment ke GitHub Pages

Untuk men-deploy proyek ke GitHub Pages, pastikan Anda telah mengkonfigurasi file vite.config.js dengan base: '/cat-meme-maker/'. Setelah itu, jalankan perintah ini:

npm run deploy