зеркало из
https://github.com/kodackx/disinformation-quest.git
synced 2025-10-29 04:44:15 +02:00
Ensure that the metrics are correctly displayed on the post-choice debrief screen after a choice is made in the game. [skip gpt_engineer]
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.
Languages
TypeScript
97.4%
CSS
2.2%
HTML
0.2%
JavaScript
0.2%