gpt-engineer-app[bot] 3621e3d87a Add metrics display to post-choice screen
Implement the metrics component in the post-choice screen to visualize how the metrics change based on the deployed strategy. This enhancement allows users to see the impact of their choices in real-time.
[skip gpt_engineer]
2025-01-14 15:41:18 +00:00
2024-12-23 16:23:35 +02:00
2024-12-06 00:17:31 +00:00
2024-12-06 00:17:31 +00:00
2024-12-23 16:27:37 +02:00
2024-12-18 02:14:44 +02:00
2024-12-18 02:14:44 +02:00
2025-01-14 15:37:01 +00:00
2024-12-15 13:56:56 +02:00
2024-12-15 00:19:18 +02:00
2024-12-15 12:13:41 +00:00

Disinformation Quest

An interactive narrative experience exploring the mechanics of disinformation through a thought-provoking simulation. Available in both English and Romanian at 2-plus-2.com.

Project Overview

This project serves as both an educational tool and a thought experiment on how mathematical truths can be challenged through various psychological and social mechanisms. Through an immersive game-like experience, users take on the role of a disinformation agent tasked with spreading the notion that "2+2=5".

Key Features

  • Interactive Narrative: Progress through multiple stages of a disinformation campaign, making strategic choices that affect the outcome
  • Multilingual Support: Full support for English and Romanian languages with automatic detection based on user's location
  • Immersive Audio: Voice-acted briefings and atmospheric sound design
  • Dynamic Visualizations: Real-time animations illustrating the impact of your choices
  • Progress Tracking: Visual metrics showing the effectiveness of your campaign

Technical Implementation

Tech Stack

  • Frontend Framework: React with TypeScript
  • Build Tool: Vite
  • UI Components: shadcn/ui
  • Styling: Tailwind CSS
  • State Management: TanStack Query
  • Internationalization: i18next
  • Routing: React Router
  • Animation: Framer Motion

Project Structure

src/
├── components/    # Reusable UI components
│   ├── game/     # Game-specific components
│   └── ui/       # shadcn/ui components
├── pages/        # Main application pages
├── hooks/        # Custom React hooks
├── i18n/         # Internationalization config and translations
├── utils/        # Utility functions
└── styles/       # Global styles and Tailwind config

Getting Started

Prerequisites

  • Node.js (LTS version recommended)
  • npm or yarn package manager

Local Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Contributing

We welcome contributions! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Live Demo

Experience the simulation at 2-plus-2.com

Описание
An interactive narrative experience exploring the mechanics of disinformation through a thought-provoking simulation. Available in both English and Romanian at 2-plus-2.com.
Readme 48 MiB
Languages
TypeScript 97.4%
CSS 2.2%
HTML 0.2%
JavaScript 0.2%