commitra/react-verse

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

Offen

#115 geöffnet am 23.10.2025

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (1 zugewiesene Person)JavaScript (34 Forks)auto 404
hacktoberfest

Repository-Metriken

Stars
 (8 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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.

Contributor Guide

Research-Richtung
Untersuchen Sie die vorhandene Trivia.jsx Komponente, um den Quizablauf und das Zustandsmanagement zu verstehen. Implementieren Sie dann einen Countdown Timer mit React Status und setInterval. Behandeln Sie den Timer Ablauf, indem Sie zur nächsten Frage übergehen, und berechnen Sie Bonuspunkte für schnelle Antworten.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75