Rainfall Preparation Genie

A text-based RPG that helps players learn how to prepare for hurricanes and make safe decisions. The game provides an interactive way to learn through dynamic scenarios where every choice matters!

Comment

Inspiration

We brain"storm"ed ideas on how we can use generative AI to address natural disasters. One thought that came up is an educational game using AI. In Florida, hurricanes are the most prominent natural disaster to encounter. We thought, wouldn't an AI-generated text-based RPG be a fun, feasible, and educational way of addressing what people should do in a hurricane? Great ideas poured in, and we worked to materialize what we can in 48 hours.

What it does

Engaging Storyline: Follow the journey of a character as they prepare for incoming heavy rainfall.

Dynamic AI-powered Scenarios: IBM Cloud AI generates real-time advice, challenges, and feedback.

Educational Focus: Reinforces preparedness strategies like emergency kits, evacuation plans, and community collaboration.

Decision-Making Practice: Players learn how their choices influence safety and outcomes.

Adaptive Gameplay: The game adjusts based on the player’s decisions, offering different paths and endings.

How we built it

We used a basic React frontend and Node.js backend. We imported the AI into the backend and queried it in a chat format. We provided an AI with a prompt explaining the rules of the game and how it should respond to the player's choices. The frontend handles player input and formats the chat history using appealing visuals.

Challenges we ran into

The biggest challenge we ran into is time. We have so many great ideas for features and so little time to add them all. It took time to find our footing and figure out where to start with the AI, but once we got a basic prototype working, we got to see our efforts come to fruition.

Accomplishments that we're proud of

  1. Seeing the AI respond in the way we envisioned.
  2. Making incredible animations and visuals on the front end.
  3. Gaining more experience with React.

What we learned

  1. We learned how to use APIs like IBM's, obtaining an API key and referencing the documentation to create our own product.
  2. We learned how to collaborate better on GitHub, maintaining multiple branches and merging our works together.

What's next for Rainfall Preparation Genie

  1. “Difficulty setting”
  2. Immersive imagery (AI generated images and the chat screen background darkening as the story progresses)
  3. Option buttons
  4. More “player-proof” safety features
  5. Links to trusted sources and tips
  6. Apply this to other crises situations (tornados, earthquakes, maybe even school shootings)

Built With

Share this project:

Updates

posted an update —

Designing the UI for RPG.AI was all about creating a smooth and interactive experience. TailwindCSS made styling fast and consistent, and other libraries helped with animations and component building. Building this in a few hours was challenging but incredibly rewarding, go ahead and try it out! #AIDays #TailwindCSS #IBMAI

Log in or sign up for Devpost to join the conversation.