Skip to content

EcoSphere is a responsive website designed to promote environmental awareness. It features engaging animations and integrates real-time data from NASA, UNEP, and WWF. The platform educates users about environmental issues, offering interactive visualizations to raise awareness and inspire action toward sustainability and climate change mitigation.

Notifications You must be signed in to change notification settings

bipasamaji/EcoSphere

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

EcoSphere is a responsive website designed to promote environmental awareness. It features engaging animations and integrates real-time data from NASA, UNEP, and WWF. The platform educates users about environmental issues, offering interactive visualizations to raise awareness and inspire action toward sustainability and climate change mitigation.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published