Skip to content

Latest commit

 

History

History
62 lines (44 loc) · 2.7 KB

README.md

File metadata and controls

62 lines (44 loc) · 2.7 KB

EcoSphere: A Responsive Environmental Awareness Website

EcoSphere is an interactive and responsive website designed to promote environmental awareness and inspire action for sustainability and climate change mitigation. The website features engaging animations and integrates real-time data from NASA, UNEP, and WWF. With interactive visualizations, it aims to educate users on key environmental issues and motivate them to take action toward a better planet.

Features

  • Responsive Design: Adapts to different screen sizes for an optimal user experience.
  • Real-time Data Integration: Fetches live environmental data from NASA, UNEP, and WWF.
  • Interactive Visualizations: Engaging animations and visual elements that help users understand environmental issues.
  • Educational Content: Informs users about sustainability practices, climate change, and conservation efforts.

Tech Stack

  • HTML: Provides structure and content.
  • CSS: Handles the styling and layout, making the site visually appealing and responsive.
  • JavaScript: Manages interactivity, real-time data fetching, and dynamic visualizations.

Project Files

This project includes the following files and directories:

  • index.html: The main HTML file that holds the core structure of the website.
  • css/: Folder containing CSS files for styling the website.
  • images/: Folder containing images used in the website (e.g., backgrounds, icons).
  • js/: Folder with JavaScript files that manage interactions and data fetching.
  • webfonts/: Folder with web font files used for typography.
  • README.md: This file, which provides an overview and setup instructions for the project.

Getting Started

To run the EcoSphere website locally:

  1. Download or clone the repository.
  2. Ensure that all the files are kept in the same folder.
  3. Open index.html in any modern web browser (e.g., Chrome, Firefox) to view the website.

Real-time Data Sources

EcoSphere uses data from the following organizations:

  • NASA (National Aeronautics and Space Administration)
  • UNEP (United Nations Environment Programme)
  • WWF (World Wide Fund for Nature)

Contributing

Contributions are welcome! If you'd like to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Make your changes and commit them (git commit -am 'Add new feature').
  4. Push to the branch (git push origin feature-name).
  5. Create a pull request.

Thank you for visiting EcoSphere! 🌍 Let's work together for a better and more sustainable future.