SpeedType: Tingkatkan Keterampilan Mengetik Anda
SpeedType adalah permainan mengetik berbasis web interaktif yang dirancang untuk meningkatkan kecepatan dan akurasi mengetik Anda. Dibangun dengan tumpukan teknologi modern, ini menawarkan cara menarik untuk meningkatkan keterampilan keyboard Anda.
Fitur
- Pelacakan kesalahan waktu nyata
- Perhitungan WPM (Kata Per Menit).
- UI yang ramping dan responsif
- Dukungan mode gelap
- Dukungan multi-bahasa (Inggris dan Spanyol)
? Tumpukan Teknologi Utama
- React : Untuk membangun antarmuka pengguna
- Next.js : Untuk rendering dan perutean sisi server
- TypeScript : Untuk kode yang aman untuk mengetik
- Framer Motion : Untuk animasi dan transisi yang halus
- Tailwind CSS : Untuk penataan gaya yang cepat dan responsif
- Zustand : Untuk pengelolaan negara yang efisien
- Visual Studio Code : Sebagai lingkungan pengembangan utama
? Memulai
Untuk menjalankan proyek secara lokal:
- Kloning repositori
- Instal dependensi:
npm install
atau yarn install
- Jalankan server pengembangan:
npm run dev
atau yarn dev
- Buka http://localhost:3000 di browser Anda
Penyebaran
Proyek ini diterapkan di https://speedtype-v1.netlify.app
? UI/UX
- Desain responsif menggunakan Tailwind CSS
- Animasi halus didukung oleh Framer Motion
- Tema yang dapat disesuaikan dengan dukungan mode gelap
? Manajemen Negara
Memanfaatkan Zustand untuk pengelolaan negara yang efisien dan sederhana
Metrik Kinerja
Menurut PageSpeed Insights (per 12 Agustus 2024):
- Skor Kinerja : 94/100 (Luar Biasa)
- Aksesibilitas : 100/100
- Praktik Terbaik : 100/100
- SEO : 100/100
Skor ini menunjukkan bahwa SpeedType sangat dioptimalkan untuk perangkat seluler, menawarkan waktu pemuatan yang cepat, aksesibilitas yang sangat baik, kepatuhan terhadap praktik terbaik web, dan dasar-dasar SEO yang kuat.
?pengarang
Manjunath R
? Berkontribusi
Kontribusi, masalah, dan permintaan fitur dipersilakan! Jangan ragu untuk memeriksa halaman masalah.
Lisensi
Proyek ini berlisensi MIT.
Demo Proyek
Demo Video
Tanpa judul.video.-.Dibuat.dengan.Clipchamp.6.mp4
Tangkapan layar
Dibuat dengan ❤️ oleh Manjunath R