KnowMyTheme

KnowMyTheme is a fun, interactive web app that helps users discover what they need most right now through a short quiz and guides them to a personalized theme experience.

Comment

Inspiration

Often, people feel uncertain about what they truly need in a given moment—whether it is happiness, focus, growth, or rest. The goal of this project was to create a simple and reflective experience that helps users identify a direction without overwhelming them with choices. This idea led to the creation of KnowMyTheme.

What it does

KnowMyTheme helps users discover what they need most in the moment through a short interactive quiz. By answering a few simple questions, users receive a personalized theme recommendation and are guided to a themed experience that matches their current mindset.

How we built it

KnowMyTheme is a web-based interactive application built entirely from scratch using:

  1. HTML for structure
  2. CSS for layout and visual consistency
  3. JavaScript for quiz logic and decision-making

Users answer a short set of questions. Based on their responses, the application determines a suitable theme and redirects them to a corresponding themed page.

Challenges we ran into

  1. Designing quiz logic that was simple yet meaningful
  2. Managing state and navigation without using frameworks
  3. Debugging JavaScript issues related to event handling and conditional flow
  4. Balancing clarity, usability, and purpose within a limited time frame

Accomplishments that we're proud of

  1. Turning a simple idea about emotions into a working, interactive web app
  2. Building the entire project solo from concept to completion
  3. Creating a quiz that feels easy and intuitive rather than overwhelming
  4. Solving bugs and logic issues step by step under time pressure
  5. Designing an experience that helps users pause and reflect on what they need

What we learned

  1. How to build a complete interactive project independently
  2. Structuring JavaScript logic for user-driven flows
  3. Improving UI/UX for emotional and educational experiences
  4. Debugging and iterating efficiently during a hackathon

What's next for KnowMyTheme

  1. Add more thoughtful questions for deeper and more accurate theme discovery
  2. Improve animations and transitions to make the experience smoother
  3. Optimize the app for mobile and accessibility
  4. Allow users to save or revisit their results
  5. Expand theme pages with interactive and reflective content

Built With

Share this project:

Updates