Background Image

M

Score: 0
Ready

SPACE/↑ = Jump | SHIFT = Mind Mastery (Slow-Mo)

:: CORE BREACH ::

Your Score: 0

Mind Mastery Failed.

import React, { useState } from 'react'; import { Brain, Search, TrendingUp, Users, Target, Zap, Eye, MessageSquare } from 'lucide-react'; const BiasExplorer = () => { const [selectedCategory, setSelectedCategory] = useState('all'); const [selectedBias, setSelectedBias] = useState(null); const [searchTerm, setSearchTerm] = useState(''); const categories = [ { id: 'all', name: 'All Biases', icon: Brain, color: 'from-purple-500 to-pink-500' }, { id: 'decision', name: 'Decision Making', icon: Target, color: 'from-blue-500 to-cyan-500' }, { id: 'social', name: 'Social', icon: Users, color: 'from-green-500 to-emerald-500' }, { id: 'memory', name: 'Memory', icon: Zap, color: 'from-orange-500 to-red-500' }, { id: 'perception', name: 'Perception', icon: Eye, color: 'from-indigo-500 to-purple-500' } ]; const biases = [ { id: 1, name: 'Confirmation Bias', category: 'decision', tagline: 'Seeing what you want to see', description: 'The tendency to search for, interpret, and recall information in a way that confirms your pre-existing beliefs.', example: 'You believe a certain diet works, so you only notice success stories online while ignoring research showing mixed results.', realWorld: 'Social media algorithms amplify this by showing you content similar to what you already engage with.', impact: 'Can lead to poor decisions by ignoring contradictory evidence' }, { id: 2, name: 'Anchoring Bias', category: 'decision', tagline: 'First impressions stick', description: 'Relying too heavily on the first piece of information you encounter when making decisions.', example: 'A shirt originally priced at $100 marked down to $50 feels like a great deal, even if similar shirts normally cost $40.', realWorld: 'Retailers use this constantly with "original price" tags and initial salary offers in negotiations.', impact: 'Can cause you to overpay or make judgments based on arbitrary starting points' }, { id: 3, name: 'Availability Heuristic', category: 'decision', tagline: 'What comes to mind first', description: 'Overestimating the likelihood of events based on how easily examples come to mind.', example: 'After seeing news about plane crashes, you might think flying is more dangerous than driving, even though statistically the opposite is true.', realWorld: 'Media coverage of rare events makes them seem more common than they are.', impact: 'Leads to poor risk assessment and unnecessary anxiety' }, { id: 4, name: 'Dunning-Kruger Effect', category: 'perception', tagline: 'Confidence without competence', description: 'People with low ability at a task overestimate their ability, while experts underestimate theirs.', example: 'Someone who just learned about investing feels confident giving financial advice, while experienced investors are more cautious.', realWorld: 'Common in online discussions where people confidently share opinions on complex topics they barely understand.', impact: 'Can lead to poor choices and resistance to learning' }, { id: 5, name: 'Sunk Cost Fallacy', category: 'decision', tagline: 'Throwing good money after bad', description: 'Continuing a behavior or endeavor because of previously invested resources (time, money, effort).', example: 'Staying in a movie you hate because you already paid for the ticket, or continuing a failing project because you\'ve spent months on it.', realWorld: 'Businesses often continue funding failing products because of prior investments rather than current viability.', impact: 'Prevents cutting losses and moving on to better opportunities' }, { id: 6, name: 'Fundamental Attribution Error', category: 'social', tagline: 'Judging others harshly', description: 'Attributing others\' actions to their character while attributing your own actions to situational factors.', example: 'If someone cuts you off in traffic, you think they\'re a jerk. If you cut someone off, it\'s because you were distracted or late.', realWorld: 'Creates workplace conflicts when we judge colleagues\' mistakes as incompetence rather than circumstance.', impact: 'Damages relationships and reduces empathy' }, { id: 7, name: 'Hindsight Bias', category: 'memory', tagline: 'I knew it all along', description: 'The tendency to perceive past events as more predictable than they actually were.', example: 'After a stock crashes, thinking "I knew that would happen" even though you took no action based on that prediction.', realWorld: 'Makes us overconfident in our ability to predict future events.', impact: 'Prevents learning from mistakes and overestimates predictive ability' }, { id: 8, name: 'Halo Effect', category: 'social', tagline: 'Beauty equals good', description: 'Allowing one positive trait to influence your overall impression of a person or thing.', example: 'Assuming an attractive person is also intelligent, kind, and competent without evidence.', realWorld: 'Attractive people often receive better treatment in hiring, legal proceedings, and social situations.', impact: 'Leads to unfair judgments and overlooking flaws' }, { id: 9, name: 'Bandwagon Effect', category: 'social', tagline: 'Everyone\'s doing it', description: 'The tendency to do or believe things because many other people do.', example: 'Buying a trending product not because you need it, but because everyone else has it.', realWorld: 'Drives fads, stock market bubbles, and viral trends.', impact: 'Can lead to poor decisions made just to fit in' }, { id: 10, name: 'Negativity Bias', category: 'perception', tagline: 'Bad outweighs good', description: 'Negative events have a greater impact on our psychological state than positive ones.', example: 'Remembering the one critical comment in a presentation rather than the ten compliments.', realWorld: 'News media capitalizes on this by focusing on negative stories that capture more attention.', impact: 'Can lead to pessimism and anxiety despite positive circumstances' }, { id: 11, name: 'In-Group Bias', category: 'social', tagline: 'Us vs. them', description: 'Favoring members of your own group over outsiders.', example: 'Thinking your company, team, or country is better than others with little objective comparison.', realWorld: 'Underlies tribalism in politics, sports fandom, and workplace dynamics.', impact: 'Creates division and prevents objective evaluation' }, { id: 12, name: 'Recency Bias', category: 'memory', tagline: 'What happened lately matters most', description: 'Giving more weight to recent events when making predictions or judgments.', example: 'After a few good days at the gym, thinking you\'re ready to run a marathon.', realWorld: 'Investors often buy high and sell low based on recent market performance.', impact: 'Leads to short-sighted decisions ignoring long-term patterns' } ]; const filteredBiases = biases.filter(bias => { const matchesCategory = selectedCategory === 'all' || bias.category === selectedCategory; const matchesSearch = bias.name.toLowerCase().includes(searchTerm.toLowerCase()) || bias.description.toLowerCase().includes(searchTerm.toLowerCase()); return matchesCategory && matchesSearch; }); return (

{/* Header */}

Cognitive Biases Explorer

Discover the mental shortcuts that shape how we think, decide, and perceive the world

{/* Search Bar */}

setSearchTerm(e.target.value)} className="w-full pl-12 pr-4 py-3 bg-white/10 border border-white/20 rounded-xl text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-400" />

{/* Category Filters */}

{categories.map((cat) => { const Icon = cat.icon; return ( ); })}

{/* Bias Cards Grid */} {!selectedBias ? (

{filteredBiases.map((bias) => (

setSelectedBias(bias)} className="bg-white/10 backdrop-blur-lg rounded-xl p-6 cursor-pointer hover:bg-white/20 transition-all hover:scale-105 border border-white/10" >

{bias.name}

{bias.tagline}

{bias.description}

Learn more

))}

) : ( /* Detailed Bias View */

{selectedBias.name}

{selectedBias.tagline}

What It Is

{selectedBias.description}

Example

{selectedBias.example}

In the Real World

{selectedBias.realWorld}

Why It Matters

{selectedBias.impact}

)} {/* Footer */}

Understanding these biases is the first step to making better decisions

); }; export default BiasExplorer;