ThoughtDebugger: Quiz Coach for Clear Thinking

• 

  Front Page

• 

  Inside/Example Questions

• 

  Ending

Inspiration

We noticed that people often struggle not because they lack knowledge, but because of how they think. Everyday decisions are influenced by cognitive biases like catastrophizing, overgeneralization, and emotional reasoning.

We were inspired by the idea: what if we could train thinking skills the same way we train coding or math? This led to ThoughtDebugger — a friendly tool that helps users recognize and improve flawed thinking patterns through interactive learning.

What it does

ThoughtDebugger is a quiz-based web application that helps users identify cognitive biases and logical fallacies in real-life reasoning.

Users are presented with short statements such as:“I failed one test, so I will fail everything.”

They then choose what type of thinking error is occurring. After each answer, the app:

Identifies the correct bias or fallacy Explains it in simple, friendly language Provides a clearer and more balanced way of thinking Gives a final score with encouraging feedback

The goal is to make critical thinking interactive, fun, and easy to learn.

How we built it

We built ThoughtDebugger as a lightweight frontend web application using:

HTML for structure CSS for a clean, modern, and friendly UI JavaScript for quiz logic, state management, and dynamic feedback

All questions are stored in JavaScript objects, and the app dynamically renders:

Quiz questions Multiple-choice options Explanations and improved reasoning

We designed a simple navigation system (Home → Quiz → Results) without any frameworks to keep the project fast and accessible.

Challenges we ran into

One of the biggest challenges was designing questions that were both simple and meaningful. We had to ensure that each example clearly represented a cognitive bias without being confusing or too technical.

Another challenge was making the feedback feel supportive instead of judgmental. Since the app deals with mistakes in thinking, we focused heavily on tone and UX design to ensure users feel encouraged to learn rather than criticized.

We also had to carefully structure the JavaScript logic to manage quiz progression smoothly without using external libraries.

Accomplishments that we're proud of

We are proud of creating a fully functional learning tool that feels engaging and intuitive despite being built with only frontend technologies.

Some key accomplishments include:

A complete multi-topic quiz system Clear explanations of cognitive biases in simple language A friendly, supportive user experience A smooth end-to-end flow from learning to reflection

Most importantly, we turned a complex psychology concept into something anyone can interact with in minutes.

What we learned

Through building ThoughtDebugger, we learned:

How to simplify complex cognitive science concepts for everyday users How UX design impacts learning and emotional response How to structure interactive applications using vanilla JavaScript How small design choices can make an educational tool feel more engaging

We also learned how powerful gamification can be in improving learning motivation.

What's next for ThoughtDebugger: Quiz Coach for Clear Thinking

In the future, we plan to expand ThoughtDebugger by:

Adding more cognitive bias categories and difficulty levels Introducing progress tracking across sessions Adding user accounts to save improvement over time Integrating AI to generate personalized feedback and new questions Turning it into a full learning platform for critical thinking and decision-making skills

Our long-term vision is to make ThoughtDebugger a daily mental fitness tool for improving how people think, decide, and reflect.

Built With

• codepen
• css
• html
• javascript
• w3schools