commitra/react-verse

Trivia.jsx : Add “Next Question” Button Navigation

Ouverte

#114 ouverte le 23 oct. 2025

Voir sur GitHubGuide contributeur
 (2 commentaires) (0 réaction) (1 personne assignée)JavaScript (34 forks)auto 404
good first commitgood first issuehacktoberfest

Métriques du dépôt

Stars
 (8 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

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.

Guide contributeur

Direction de recherche
Implémentez un état pour suivre l'index de la question actuelle, affichez une seule question à la fois de manière conditionnelle, ajoutez un bouton 'Question suivante' qui incrémente l'index et affichez les résultats après la dernière question. Pour le bonus, ajoutez une transition CSS pour une navigation fluide.
Stack technique
reactjavascript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
90