This project is part of the NASA SpaceApps Hackathon, designed to tell a story about climate change through an interactive web experience. The narrative revolves around the character Guardian of Climate, focusing on the Amazon rainforest, deforestation, greenhouse gas emissions, and their effects on the environment.
Warning
There are problems when deploying it with the Vercel and github page deployment, we recommend trying the local deployment. See Installation
- Interactive storytelling with decision-making.
- Multiple chapters focused on the Amazon and climate change.
- User-driven choices that impact the story.
- Avatar selection to personalize the experience.
- Slides-based structure with animations.
- Chapter 1 - Carbon Dioxide
- Chapter 2 - Methane
- Chapter 3 - Sumary
- Final Chapter - Congratulations
- React: For building the user interface.
- Framer Motion: For animations.
- React Router: For managing routes and chapters.
- LocalStorage: To store avatar and user decisions across chapters.
To get started with the project, follow these steps:
- Clone the repository:
git clone <this repo>- Install the dependencies:
npm install- Start the development server:
npm run dev
Link Vercel: https://umbra-flare-code-forest-fall-silent.vercel.app
Link Figma Demo: https://www.figma.com/proto/dQdbROKb9fgsPHEX2g3yTX/Nasa-Evils---Proyect?page-id=0%3A1&node-id=45-90&node-type=frame&viewport=584%2C68%2C0.35&t=oZndderlQgoFIj6g-1&scaling=contain&content-scaling=fixed&starting-point-node-id=211%3A31