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.
- 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.
- 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.
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.
To run the EcoSphere website locally:
- Download or clone the repository.
- Ensure that all the files are kept in the same folder.
- Open
index.html
in any modern web browser (e.g., Chrome, Firefox) to view the website.
EcoSphere uses data from the following organizations:
- NASA (National Aeronautics and Space Administration)
- UNEP (United Nations Environment Programme)
- WWF (World Wide Fund for Nature)
Contributions are welcome! If you'd like to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-name
). - Make your changes and commit them (
git commit -am 'Add new feature'
). - Push to the branch (
git push origin feature-name
). - Create a pull request.
Thank you for visiting EcoSphere! 🌍 Let's work together for a better and more sustainable future.