commitra/react-verse

Trivia.jsx : Add “Next Question” Button Navigation

Aberta

#114 aberto em 23 de out. de 2025

Ver no GitHubGuia do colaborador
 (2 comentários) (0 reação) (1 responsável)JavaScript (34 forks)auto 404
good first commitgood first issuehacktoberfest

Métricas do repositório

Stars
 (8 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

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.

Guia do colaborador

Direção de pesquisa
Implemente um estado para rastrear o índice da pergunta atual, renderize condicionalmente uma pergunta por vez, adicione um botão 'Próxima Pergunta' que incrementa o índice e exiba os resultados após a última pergunta. Para o bônus, adicione uma transição CSS para navegação suave.
Pilha de tecnologia
reactjavascript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
90