FSOC-OSS/Fsoc-level-hard

🔥 Feature Request: Implement Streak System with Bonus Rewards and Animations

Ouverte

#10 ouverte le 30 sept. 2025

Voir sur GitHubGuide contributeur
 (1 commentaire) (0 réaction) (0 personne assignée)JavaScript (21 forks)auto 404
MediumPriority lowenhancementgood first issuehacktoberfest

Métriques du dépôt

Stars
 (1 étoile)
MĂ©triques de merge PR
 (Métriques PR en attente)

Description

Design Reference

Reference design showing streak counter, fire animations, and bonus point displays

Problem Statement

The current quiz lacks motivation for consistent performance. Users need visual feedback and rewards for maintaining consecutive correct answers to encourage focused play and create engaging momentum.

Proposed Solution

Implement a comprehensive streak system that:

  • Tracks consecutive correct answers in real-time
  • Displays streak counter with visual effects
  • Awards bonus points for streak milestones
  • Shows celebratory animations for streak achievements
  • Provides streak preservation incentives

Acceptance Criteria

âś… Streak Tracking & Display

  • Streak preservation across questions in same quiz
  • Visual streak indicator (fire icons, progress bars)
  • Streak multiplier display for bonus points
  • Streak history in results page

âś… Bonus Rewards System

  • Bonus points for streak milestones (5, 10, 15, 20+ correct answers)
  • Increasing multipliers (1.5x at 5, 2x at 10, etc.)
  • Special rewards for extended streaks (25, 50, 100)
  • Streak bonus calculation in final score
  • Bonus point animations and notifications

Guide contributeur

Direction de recherche
Examinez la base de code du quiz existant pour comprendre comment les réponses sont évaluées et les scores calculés. Implémentez un compteur de séquence qui s'incrémente pour les réponses correctes consécutives et se réinitialise pour les réponses incorrectes. Ajoutez un indicateur visuel de séquence avec des icônes de feu et des animations. Implémentez des points bonus pour les jalons de séquence et affichez les. Utilisez la gestion d'état pour conserver la séquence entre les questions.
Stack technique
javascript
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.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
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
JavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75