CyberPunk Hub
Level Up Your Learning with a Gamified AI Assistant!
Created on 23rd February 2025
•
CyberPunk Hub
Level Up Your Learning with a Gamified AI Assistant!
The problem CyberPunk Hub solves
Our Gamified AI Assistant is designed to make learning more engaging, interactive, and efficient. It features a flashcard carousel with an auto-sliding cyberpunk-themed interface for quick memorization, an AI chatbot with a witty J.A.R.V.I.S.-like personality to provide explanations, a code editor with an AI-powered reviewer for instant feedback on coding projects, and an embedded music player to enhance focus. The assistant gamifies learning by making studying feel like an interactive challenge, boosting retention, motivation, and productivity—all within a sleek, futuristic workspace.
Challenges I ran into
Building this project came with several challenges, from designing a smooth flashcard carousel with both auto-slide and manual navigation to integrating the Gemini API for the chatbot while ensuring seamless communication with Flask. The code editor initially had unresponsive buttons and inputs, which required fixing JavaScript event listeners. Implementing a sticky, dynamic navbar that appears on scroll-up and disappears on scroll-down took fine-tuning CSS transitions and JavaScript scroll events. Overcoming these hurdles improved both functionality and user experience