Dactylographie

Contexte

Application React de test de vitesse de frappe en temps réel avec timer et statistiques

Description

Typing Speed Test est une application web de dactylographie développée avec React et Vite. Elle propose un test de frappe en temps réel sur 60 secondes avec comparaison caractère par caractère, validation mot par mot, retour visuel immédiat et écran de fin détaillé. Le projet met l'accent sur la réactivité de l'interface, la gestion d'état du jeu et une expérience utilisateur fluide pour rejouer rapidement.

Février 2026
1 personne
Projet IUT • 20/20

Compétences utilisées

React
JavaScript
Vite
Node.js

Compétences

Compétences utilisées

React
JavaScript
Vite
Node.js

Compétences améliorées

React
JavaScript

Fonctionnalités

12Fonctionnalités
Glisser< >
01

Affichage d'un texte de référence à recopier à l'écran

React
JavaScript
02

Sélection aléatoire d'une phrase au démarrage d'une nouvelle partie

JavaScript
React
03

Champ de saisie libre pour taper mot par mot

React
JavaScript
04

Validation du mot avec la touche Espace et réinitialisation automatique du champ

JavaScript
React
05

Comparaison en temps réel de chaque caractère avec le texte attendu

React
JavaScript
06

Classification des mots (correct, incorrect, non saisi)

React
JavaScript
07

Mise en évidence visuelle du mot en cours de frappe

JavaScript
08

Timer fixe de 60 secondes par partie

JavaScript
React
09

Démarrage du compte à rebours au premier caractère saisi

React
JavaScript
10

Verrouillage de la saisie à la fin du temps avec écran de résumé

JavaScript
React
11

Calcul de la vitesse de frappe et de la précision

JavaScript
React
12

Bouton "Nouvelle partie" pour relancer complètement une session

React
Vite

Galerie

Galerie

5