SpeedType : améliorez vos compétences en dactylographie
SpeedType est un jeu de frappe interactif basé sur le Web conçu pour améliorer votre vitesse et votre précision de frappe. Construit avec une pile technologique moderne, il offre un moyen attrayant d'améliorer vos compétences au clavier.
Caractéristiques
- Suivi des erreurs en temps réel
- Calcul WPM (mots par minute)
- Interface utilisateur élégante et réactive
- Prise en charge du mode sombre
- Prise en charge multilingue (anglais et espagnol)
? Pile technologique clé
- React : Pour construire l'interface utilisateur
- Next.js : Pour le rendu et le routage côté serveur
- TypeScript : pour le code de type sécurisé
- Framer Motion : Pour des animations et des transitions fluides
- Tailwind CSS : pour un style rapide et réactif
- Zustand : Pour une gestion efficace de l’État
- Visual Studio Code : En tant qu'environnement de développement principal
? Commencer
Pour exécuter le projet localement :
- Cloner le référentiel
- Dépendances d'installation :
npm install
ou yarn install
- Exécutez le serveur de développement :
npm run dev
ou yarn dev
- Ouvrez http://localhost:3000 dans votre navigateur
Déploiement
Le projet est déployé sur https://speedtype-v1.netlify.app
? UI/UX
- Conception réactive utilisant Tailwind CSS
- Animations fluides optimisées par Framer Motion
- Thèmes personnalisables avec prise en charge du mode sombre
? Gestion de l'État
Utilise Zustand pour une gestion d'état efficace et simple
Mesures de performances
Selon PageSpeed Insights (au 12 août 2024) :
- Note de performance : 94/100 (Excellent)
- Accessibilité : 100/100
- Meilleures pratiques : 100/100
- Référencement : 100/100
Ces scores indiquent que SpeedType est hautement optimisé pour les appareils mobiles, offrant des temps de chargement rapides, une excellente accessibilité, le respect des meilleures pratiques Web et de solides fondamentaux de référencement.
?auteur
Manjunath R.
? Contribuer
Les contributions, problèmes et demandes de fonctionnalités sont les bienvenus ! N'hésitez pas à consulter la page des problèmes.
Licence
Ce projet est sous licence MIT.
Démo du projet
Démo vidéo
Vidéo.sans titre.-.Réalisée.avec.Clipchamp.6.mp4
Captures d'écran
Réalisé avec ❤️ par Manjunath R