To enhance public understanding of space weather and its effects on Earth, the Moon, and Mars, we have created a visual representation of the May 2024 geomagnetic storm and developed a comprehensive website. This platform features:
- Visual Graphics: Illustrating the May 2024 geomagnetic storm and its effects on Earth, the Moon, and Mars.
- Detailed Information: Providing insights into the storm's impact from various celestial perspectives.
- Interactive Playground: Enabling users to explore the solar system, planets, and other celestial bodies.
- Storm Forecast: Offering real-time updates on previous and upcoming geomagnetic storms.
Despite challenges such as limited resources, our team remains committed to improving the website’s user experience and expanding its educational content. This initiative aims to raise public awareness of cosmic events like geomagnetic storms and their far-reaching implications.
Check out the live demo of the project:
Space Weather Awareness Website
The following technologies were used to develop the project:
- GSAP: Utilized for scroll-based animations to create a dynamic user experience.
- react-three-fiber and three.js: Essential for rendering 3D models and creating the 3D animations featured in the solar system playground.
- Lenis: Applied for smooth scrolling to enhance the overall site navigation and usability.
- react-router-dom: Implemented to manage routing and ensure the site functions as a single-page application (SPA).
- react-icons: Icons used throughout the site for visual cues and ease of navigation.
- Visual Representation of Geomagnetic Storm: Animations and visuals displaying the effects of the May 2024 storm across different celestial bodies.
- Comprehensive Information: Explaining space weather phenomena and their impacts from the perspectives of Earth, the Moon, and Mars.
- Interactive Solar System: A 3D playground where users can explore planets, moons, and other objects in our solar system.
- Storm Forecast Section: Provides updates on past and upcoming storms with real-time data integration.
While limited resources presented some hurdles, our team is focused on enhancing the website's:
- User-friendliness: By improving navigation and overall usability.
- Educational Content: Expanding the scope of information to include other cosmic events and phenomena.
We believe that this project will significantly contribute to raising public awareness of space weather and its effects.
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/Talhanasar/The_Zenith.git
- Navigate to the project directory:
cd The_Zenith - Install dependencies:
npm install
- Start the development server:
npm run dev