Climate Change Story

Overview

This project is a climate change story web application created as part of the NASA Space Apps Hackathon. It utilizes React with Vite for the frontend, styled with Tailwind CSS, and a Flask backend to manage data.

Features

• Interactive Storytelling: Engage users with an interactive narrative about climate change.
• Dynamic Data: Fetch and display real-time data related to climate change.
• Responsive Design: A mobile-friendly layout designed with Tailwind CSS for a seamless user experience.

Key Sections

1. Landing Section: Presents a captivating introduction to the story, with visuals and concise messaging about climate change.

   

2. User-Friendly Search Section: Provides users with an easy-to-navigate search interface for accessing data.

   

3. Insights Section with Graph: Displays climate data insights with interactive graphs and charts.

   

Tech Stack

• Frontend:

  • React: A JavaScript library for building user interfaces.
  • Vite: A fast build tool and development server for modern web projects.
  • Tailwind CSS: A utility-first CSS framework for styling.

• Backend:

  • Flask: A lightweight WSGI web application framework in Python.

Installation

Prerequisites

• Node.js (v14 or later)
• Python (v3.6 or later)

Frontend Setup

1. Clone the repository:

   git clone <repository-url>
   cd <repository-directory>

2. Install the dependencies:

   npm install

3. Start the development server:

   npm run dev

Backend Setup

1. Navigate to the backend directory:

   cd backend

2. Create a virtual environment (optional but recommended):

   python -m venv venv
   source venv/bin/activate   # On Windows use `venv\Scripts\activate`

3. Install Flask:

   pip install Flask

4. Run the Flask server:

   python app.py

Usage

Once both the frontend and backend servers are running, open your browser and navigate to http://localhost:3000 for the frontend and http://localhost:5000 for the backend (if you're using the default Flask settings).

Contributing

Contributions are welcome! If you have suggestions or improvements, feel free to fork the repository and submit a pull request.

Acknowledgments

• NASA Space Apps Hackathon for the opportunity to create and share innovative solutions for climate change.
• All contributors and participants who made this project possible.

---