commitra/react-verse

Trivia.jsx : Add Timer per Question + Bonus Points for Speed

Aperta

#115 aperta il 23 ott 2025

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (1 assegnatario)JavaScript (34 fork)auto 404
hacktoberfest

Metriche repository

Star
 (8 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Implement a timer per question to make the quiz more challenging and engaging. Players earn bonus points for answering quickly within the time limit.

Acceptance Criteria:

Add a countdown timer (e.g., 15 seconds per question).

If the timer reaches 0, automatically lock the question and move to the next one.

Award extra points for answering before half of the time runs out.

Display remaining time visually (progress bar or countdown number).

Bonus: Persist the timer visually using React state and ensure it resets when moving to the next question.

Guida contributor

Direzione di ricerca
Esamina il componente Trivia.jsx esistente per comprendere il flusso del quiz e la gestione dello stato. Quindi implementa un timer a conto alla rovescia utilizzando lo stato di React e setInterval. Gestisci la scadenza del timer passando alla domanda successiva e calcola i punti bonus per le risposte rapide.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75