Duck GPA Bonanza

Our project, Duck GPA Bonanza, was inspired by the competitive discussions over GPA in our group chat. We noticed that tracking and comparing academic performance was often chaotic and stressful. We wanted to create a more organized and fun way to celebrate student achievements while gamifying the experience. We built the project using HTML, CSS, and JavaScript, designing interactive leaderboards for each class and a general leaderboard that averages GPAs across classes. To make it engaging, we added animated duck races, confetti effects, and random quack sounds, turning academic tracking into a playful visual experience. During development, we faced several challenges: ensuring accurate GPA calculations, smooth animations for multiple ducks, and responsive layouts that work on different screen sizes. We also had to manage dynamic leaderboard updates whenever a student’s GPA changed, which required careful DOM manipulation and array management. Through this project, we learned how to combine fun animations with practical data handling, implement real-time updates, and enhance user engagement with creative visuals and sounds. Our solution demonstrates that even competitive academic data can be transformed into an interactive, motivating, and lighthearted experience.

Built With

• css
• html
• javascript