An immersive climate simulation and storytelling app that educates and inspires action on climate change through interactive gameplay and AI-powered insights.
Climate Quest is an interactive web application that makes climate science accessible and engaging through:
- ๐บ๏ธ Interactive Globe: Explore climate hotspots around the world with real-time data visualization
- ๐ฏ Decision-Based Gameplay: Make policy and technology choices that shape the future of our planet
- ๐ Live Dashboards: Watch your decisions impact global temperature, COโ levels, and renewable energy adoption
- ๐ AI Story Generator: Co-create compelling climate futures with artificial intelligence
- ๐จ Beautiful Visualizations: Experience climate data through stunning charts and animations
๐ Launch Climate Quest
No installation required! The app runs directly in your web browser on any device.
- Visit the app and click "Start Your Quest"
- You'll begin in 2024 with current climate conditions
- Your goal: guide humanity to net zero emissions
- Face real-world climate policy choices
- Each decision affects:
- ๐ก๏ธ Global temperature
- ๐ญ COโ concentration
- ๐ฐ Economic impact
- ๐ฑ Environmental health
- ๐ฅ Social outcomes
- See immediate impacts of your choices
- Track progress through interactive dashboards
- Discover consequences through AI-generated insights
- Use the AI Story Builder to craft narratives
- Choose from different future scenarios
- Add personal touches to make stories unique
- Share your climate future with others
- Decision Engine: Choose between different climate policies and technologies
- Real-time Feedback: See how your choices affect global climate indicators
- Multiple Scenarios: Experience optimistic, balanced, or challenging climate futures
- Live Climate Dashboard: Monitor temperature, COโ, renewable energy, and sea level rise
- Regional Hotspots: Explore climate impacts in the Arctic, Amazon, Pacific Islands, and more
- Historical Trends: Understand how we got here with historical climate data
- Story Generation: Create personalized climate narratives
- Smart Insights: Get AI-generated explanations of climate phenomena
- Dynamic Content: Experience unique content based on your choices
- Responsive Interface: Works perfectly on desktop, tablet, and mobile
- Smooth Animations: Engaging micro-interactions and transitions
- Accessible Design: High contrast and readable for all users
Climate Quest is perfect for:
- ๐ซ Educators: Teach climate science through interactive engagement
- ๐จโ๐ฉโ๐งโ๐ฆ Families: Learn about climate change together
- ๐ข Organizations: Understand climate policy implications
- ๐ฑ Climate Advocates: Explore different pathways to net zero
- ๐ Students: Experience hands-on climate modeling
- Understand the relationship between human activities and climate change
- Explore the complexity of climate policy decisions
- Learn about renewable energy and sustainable technologies
- Develop systems thinking about global challenges
- Practice decision-making with long-term consequences
- โ๏ธ React 18 - Modern user interface framework
- ๐จ Tailwind CSS - Utility-first styling
- ๐ Chart.js - Interactive data visualizations
- ๐ญ Framer Motion - Smooth animations and transitions
- ๐งญ React Router - Client-side navigation
- โก Vite - Fast development and build tool
- Single Page Application (SPA) for smooth user experience
- Component-based architecture for maintainable code
- Responsive design that works on all devices
- Progressive Web App features for offline capability
This entire application was created using Bolt.new - an AI-powered development platform that builds complete web applications from natural language prompts.
- One Prompt: The entire app was generated from a single, comprehensive prompt
- No Iterations: No back-and-forth coding sessions required
- Full Stack: Complete frontend application with routing, state management, and styling
- Production Ready: Deployed and ready for users immediately
- The power of AI-assisted development
- How natural language can describe complex applications
- The future of rapid prototyping and development
- Accessibility of app creation for non-technical users
๐ Learn More: Visit the "How I Built This" page in the app to see the complete development story and the original prompt that created this application.
Climate Quest was designed to:
- ๐ Educate: Make climate science accessible and understandable
- ๐ก Inspire: Show that positive climate action is possible
- ๐ค Engage: Create meaningful interaction with climate data
- ๐ฏ Motivate: Encourage real-world climate action
- ๐ฌ Demonstrate: Showcase the potential of AI in education
While this app was generated by AI, we welcome contributions from the community:
- ๐ Report Issues: Found a bug or have a suggestion? Open an issue
- ๐ก Share Ideas: Suggest new features or improvements
- ๐ข Spread the Word: Share the app with educators, students, and climate advocates
- ๐ Provide Feedback: Tell us how you're using the app
- ๐ง Bug Fixes: Help improve the user experience
- โจ New Features: Add educational content or interactive elements
- ๐ฑ Mobile Improvements: Enhance the mobile experience
- โฟ Accessibility: Make the app more accessible to all users
This project is open source and available under the MIT License.
- ๐ค Bolt.new: For making AI-powered app development accessible
- ๐ Climate Scientists: For the data and research that informs this app
- ๐จ Open Source Community: For the amazing tools and libraries used
- ๐ฅ Beta Testers: For feedback and suggestions during development
- ๐ Live App: https://magenta-syrniki-da112a.netlify.app
- ๐ Issues: GitHub Issues
- ๐ฌ Discussions: GitHub Discussions
- ๐ง Email: Contact the maintainers
- Visit the App ๐ Climate Quest
- Explore the Globe ๐ Click on different regions to see climate data
- Start Your Quest ๐ฎ Make decisions that shape the future
- Check the Dashboard ๐ Monitor your impact on global climate
- Create Stories โ๏ธ Use AI to write climate futures
- Share Your Results ๐ค Show others your climate journey
๐ฑ Together, we can race to net zero! ๐ฑ
Built with โค๏ธ using Bolt.new - AI-powered app development