Ketik Matic - AI Typing Simulator
Proyek web yang aku kembangkan karena terinspirasi dari Hacker Typer dan Docu Typer .
Alih-alih langsung menampilkan teks hasil AI, aplikasi ini menampilkannya seolah-olah sedang diketik real-time di layar. web ini diarahkan untuk keperluan yang lebih kreatif, seperti menulis esai, latihan mengetik, atau sekadar hiburan.
Aplikasi ini memiliki dua mode utama:
Mode Serius – menghasilkan teks esai utuh sesuai topik, bahasa, dan gaya penulisan yang dipilih pengguna. Cocok untuk membuat draft tugas atau artikel dengan cepat.
Mode Infinite – teks akan terus mengalir tanpa akhir selama pengguna mengetik atau mengklik, sehingga terasa seperti sedang menulis naskah panjang tanpa berhenti.
Project ini dibangun menggunakan React + Vite + TypeScript di frontend, dan Express.js di backend sebagai penghubung ke model AI. Styling menggunakan Tailwind CSS
Koneksi ke AI API generative model (Gemini)
Fitur utama:
- Dua mode penulisan: Serius & Infinite
- Pilihan bahasa, gaya tulisan, dan jumlah kata target
- Editor sederhana dengan penghitung kata dan waktu
Tantangan terbesar dalam membangun proyek ini adalah menggabungkan streaming teks dari AI dengan animasi pengetikan agar hasil tetap terlihat natural. Setelah beberapa iterasi, akhirnya aku menggunakan mekanisme content stream dan buffer yang dikontrol agar output lebih halus.
🔗 Live Demo: https://ketik-matic.mihdanadvani.my.id/
📂 Source Code: https://github.com/mihdan15/Ketik-Matic