Jumble

• 

  beginning of the session

• 

  When answer is correct

• 

  When answer is incorrect

• 

  at the end of the session

About the Project

Jumble was inspired by how emotionally flat most learning tools feel. Flashcards work, but they often feel repetitive and mechanical. I wanted to explore whether adding personality and reactive feedback could make studying feel more engaging and human.

While building Jumble, I learned how much impact small interaction details can have on user experience. Simple choices like tone, feedback timing, and progress indicators changed how the app felt without increasing complexity.

The project was built as a front-end web application using HTML, CSS, and vanilla JavaScript. Users move through a guided flow—selecting a vibe, subject, and question format (Q&A or MCQ). Questions are rendered dynamically, progress is tracked, and reactions change based on correctness and streaks.

One of the main challenges was managing UI state across multiple screens and modes while keeping the logic simple. Avoiding overengineering and ensuring smooth transitions between questions required several iterations and careful state handling.

Built With

• css
• html
• javascript