commitra/react-verse

Trivia.jsx : Add “Next Question” Button Navigation

Aperta

#114 aperta il 23 ott 2025

Vedi su GitHubGuida contributor
 (2 commenti) (0 reazioni) (1 assegnatario)JavaScript (34 fork)auto 404
good first commitgood first issuehacktoberfest

Metriche repository

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

Descrizione

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.

Guida contributor

Direzione di ricerca
Implementa uno stato per tracciare l'indice della domanda corrente, renderizza condizionalmente una domanda alla volta, aggiungi un pulsante 'Domanda successiva' che incrementa l'indice e mostra i risultati dopo l'ultima domanda. Per il bonus, aggiungi una transizione CSS per una navigazione fluida.
Tech stack
reactjavascript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
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
ReactGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
90