🌍 Adaptive Climate Change App

An interactive educational web application designed to help learners understand climate change adaptation strategies through hands-on simulations and multilingual resources.

✨ Features

• 🌐 Multi-Language Support: Available in 6+ languages
• 🌙 Dark/Light Theme: Seamless theme switching with system preference detection
• 📊 EN-ROADS Integration: Interactive climate simulation tools
• 📚 Smart Glossary: Contextual definitions with hover-activated explanations
• 📱 Responsive Design: Optimized for all screen sizes and devices
• 🧭 Progress Tracking: Visual indicators for learning journey
• 👨‍🏫 Educational Resources: Comprehensive materials for educators

🚀 Quick Start

Prerequisites

• Node.js 18.0+
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/Yevheniia-Rudenko/adaptive-climate-change-app.git

# Navigate to project directory
cd adaptive-climate-change-app

# Install dependencies
npm install

Development

# Start development server
npm run dev

The application will be available at http://localhost:3000 (or the next available port).

Build for Production

# Create optimized build
npm run build

# Preview production build
npm run preview

🏗️ Tech Stack

• Frontend: React 18, TypeScript, Tailwind CSS
• Build Tool: Vite 6
• UI Components: Radix UI, Lucide React
• Climate Simulation: EN-ROADS Core, Sim UI Graph
• Internationalization: Custom i18n system with RTL support

📁 Project Structure

src/
├── components/          # React components
│   ├── ui/             # Reusable UI components
│   └── ...
├── contexts/           # React context providers
├── data/              # Static data and translations
├── assets/            # Images and static assets
└── styles/            # Global styles and CSS

packages/
├── en-roads-core/     # Climate simulation engine
├── sim-ui-graph/      # Graph visualization components
└── ...

🌍 Supported Languages

Arabic, Bulgarian, Chinese (Simplified), Chinese (Traditional), Czech, Dutch, English, Farsi, French, German, Hebrew, Hindi, Italian, Japanese, Norwegian, Portuguese, Russian, Slovenian, Spanish, Swahili, Turkish

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

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

🙏 Acknowledgments

• EN-ROADS for climate simulation tools
• Climate Interactive for educational resources
• Systems Awareness Lab for project support

---

Made with ❤️ for climate education