Rukundo-Bahati/sonaspark-web

SonaSpark is a comprehensive mobile-first platform designed to empower communities in Rwanda to adapt to climate change and build resilience. The platform provides real-time climate information, educational resources, and practical tools to help communities prepare for and respond to climate-related challenges. # 🌍 SonaSpark - Climate Adaptation & Community Resilience Platform SonaSpark is a comprehensive mobile-first platform designed to empower communities in Rwanda to adapt to climate change and build resilience. The platform provides real-time climate information, educational resources, and practical tools to help communities prepare for and respond to climate-related challenges. ## ✨ Key Features ### 🌡️ Real-time Climate Monitoring - Air quality monitoring and alerts - Weather forecasts and warnings - Climate data visualization - Customizable alert preferences ### 📚 Education Hub - Interactive courses on climate adaptation - Video tutorials and guides - Downloadable resources - Community discussion forums - Progress tracking and achievements ### 🛠️ Adaptation Toolkit - Drought-resistant farming guides - Flood protection measures - Water conservation techniques - Sustainable energy solutions - Emergency response plans - Offline access to critical resources ### 📋 Policy & Guidelines - Climate adaptation policies - Community response protocols - Management guidelines - Interactive policy discussions - Policy impact tracking ### 👥 Community Features - User profiles and achievements - Project tracking and management - Community connections - Activity sharing - Multi-language support (English, French, Kinyarwanda) ## 🚀 Getting Started ### Prerequisites - Node.js 18.0 or higher - npm or yarn package manager - Git ### Installation 1. Clone the repository: ```bash git clone github.com cd sonaspark-web ``` 2. Install dependencies: ```bash npm install # or yarn install ``` 3. Start the development server: ```bash npm run dev # or yarn dev ``` 4. Open localhost in your browser 5. You can use browser extension ` Mobile simulator` to view in mobile device. ## 🛠️ Built With - Next.js - React framework - Tailwind CSS - Styling - Shadcn/ui - UI components - Lucide Icons - Icon set - TypeScript - Type safety ## 🌐 Mu …