Dabbal-Softwares/Horizon-Truth

Horizon Truth – V2 (React): A gamified digital literacy platform empowering Ethiopian youth to detect and resist misinformation, now rebuilt with React for improved performance, scalability, and a modern API-driven architecture. # Horizon Truth – V2 (React) A gamified digital literacy platform empowering Ethiopian youth to detect and resist misinformation, now rebuilt with React for improved performance, scalability, and a modern API-driven architecture. ## 🌟 Features - **Interactive Game Experience**: Engaging scenarios that teach misinformation detection - **Real-time Feedback**: Immediate feedback on choices with educational explanations - **Progress Tracking**: Monitor your improvement with detailed statistics - **Community Reporting**: Submit and verify potentially misleading content - **Multi-language Support**: Designed for Ethiopian youth with localization capabilities - **Responsive Design**: Works seamlessly on desktop and mobile devices ## 🚀 Getting Started ### Prerequisites - Node.js (v16 or higher) - npm or yarn package manager - Git ### Installation 1. **Clone the repository** ```bash git clone github.com cd horizon-truth-v2 ``` 2. **Install dependencies** ```bash npm install # or yarn install ``` 3. **Set up environment variables** ```bash cp .env.example .env ``` Edit `.env` with your configuration: ``` REACT_APP_API_URL=your_api_url_here REACT_APP_GOOGLE_ANALYTICS_ID=your_ga_id ``` 4. **Start the development server** ```bash npm start # or yarn start ``` 5. **Open your browser** Navigate to `localhost` to view the application. ## 🎮 Game Flow The Horizon Truth game follows this user journey: 1. **Welcome Screen**: Users select a category to begin 2. **Scenario Presentation**: Users analyze social media-style content 3. **Choice Selection**: Users make decisions about the content's validity 4. **Feedback**: Immediate educational feedback on their choices 5. **Progress Tracking**: Users see their accuracy and score improve 6. **Completion**: After 10 questions, users receive a summary of their performance ## 📁 Project Structure ``` src/ ├── components/ # Reusable UI components │ ├── about/ …