Skip to content

Dan-Co/bolt-oneshot-climate-app

Repository files navigation

๐ŸŒ Climate Quest: Race to Net Zero

An immersive climate simulation and storytelling app that educates and inspires action on climate change through interactive gameplay and AI-powered insights.

Live Demo Built with Bolt.new


๐ŸŽฎ What is Climate Quest?

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

๐Ÿš€ Try It Now!

๐Ÿ‘‰ Launch Climate Quest

No installation required! The app runs directly in your web browser on any device.


๐ŸŽฏ How to Play

1. Start Your Quest ๐Ÿ

  • 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

2. Make Critical Decisions โš–๏ธ

  • Face real-world climate policy choices
  • Each decision affects:
    • ๐ŸŒก๏ธ Global temperature
    • ๐Ÿญ COโ‚‚ concentration
    • ๐Ÿ’ฐ Economic impact
    • ๐ŸŒฑ Environmental health
    • ๐Ÿ‘ฅ Social outcomes

3. Watch the World Change ๐ŸŒ

  • See immediate impacts of your choices
  • Track progress through interactive dashboards
  • Discover consequences through AI-generated insights

4. Create Your Climate Story โœ๏ธ

  • 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

๐ŸŒŸ Key Features

๐ŸŽฎ Interactive Gameplay

  • 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

๐Ÿ“Š Data Visualization

  • 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

๐Ÿค– AI-Powered Features

  • Story Generation: Create personalized climate narratives
  • Smart Insights: Get AI-generated explanations of climate phenomena
  • Dynamic Content: Experience unique content based on your choices

๐ŸŽจ Beautiful Design

  • 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

๐ŸŽ“ Educational Value

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

Learning Outcomes

  • 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

๐Ÿ› ๏ธ Technical Details

Built With

  • โš›๏ธ 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

Architecture

  • 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

๐Ÿš€ The Bolt.new Story

This entire application was created using Bolt.new - an AI-powered development platform that builds complete web applications from natural language prompts.

The Magic of Single-Shot Development

  • 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

What This Demonstrates

  • 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.


๐ŸŒ Impact & Purpose

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

๐Ÿค Contributing

While this app was generated by AI, we welcome contributions from the community:

For Non-Technical Users

  • ๐Ÿ› 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

For Developers

  • ๐Ÿ”ง 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

๐Ÿ“„ License

This project is open source and available under the MIT License.


๐Ÿ™ Acknowledgments

  • ๐Ÿค– 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

๐Ÿ“ž Support & Contact


๐ŸŽฏ Quick Start Guide

  1. Visit the App ๐Ÿ‘‰ Climate Quest
  2. Explore the Globe ๐ŸŒ Click on different regions to see climate data
  3. Start Your Quest ๐ŸŽฎ Make decisions that shape the future
  4. Check the Dashboard ๐Ÿ“Š Monitor your impact on global climate
  5. Create Stories โœ๏ธ Use AI to write climate futures
  6. Share Your Results ๐Ÿ“ค Show others your climate journey

๐ŸŒฑ Together, we can race to net zero! ๐ŸŒฑ

Start Playing

Built with โค๏ธ using Bolt.new - AI-powered app development

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published