commitra/react-verse

Trivia.jsx : Add “Next Question” Button Navigation

Offen

#114 geöffnet am 23.10.2025

Auf GitHub ansehenContributor Guide
 (2 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (34 Forks)auto 404
good first commitgood first issuehacktoberfest

Repository-Metriken

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

Beschreibung

Currently, the quiz displays all questions at once. To improve user experience, we should add a “Next Question” button that allows users to move through questions one by one instead of seeing them all together.

Acceptance Criteria:

Display only one question at a time.

Add a Next Question button that appears after selecting an answer.

Show final results after the last question.

Keep score tracking consistent with the current logic.

Bonus: Add a subtle transition (e.g., fade-in/fade-out) when switching between questions for smoother navigation.

Contributor Guide

Research-Richtung
Implementieren Sie einen Status zur Verfolgung des aktuellen Fragenindex, rendern Sie bedingt immer nur eine Frage, fügen Sie eine 'Nächste Frage' Schaltfläche hinzu, die den Index erhöht, und zeigen Sie die Ergebnisse nach der letzten Frage an. Für den Bonus fügen Sie einen CSS Übergang für eine flüssige Navigation hinzu.
Tech Stack
reactjavascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
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
ReactGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
90