Cosmo360 : Explore the Universe in 3D 🪐✨

• Cosmo360 is an interactive 3D solar system explorer built with React and Three.js.
• This web application allows users to navigate and explore the solar system, providing detailed information about each planets. Users can zoom in on planets, view real-time orbital motion, and click on planets to access relevant NASA webpages for further information.

Features

• Real-Time Planetary Orbits: Planets orbit around the Sun with dynamic motion.
• Interactive 3D Model: Rotate and zoom into the solar system for a closer look at each celestial body.
• Clickable Planets: Click on planets to visit their respective NASA pages for more information.
• Educational Info: Hover over or click planets to learn more about them.
• Responsive: Optimized for both desktop and mobile devices.

Technologies Used

• React: JavaScript library for building user interfaces.
• Three.js: JavaScript library for creating 3D content in the browser.
• React Three Fiber: React renderer for Three.js, enabling 3D graphics in a React environment.
• OrbitControls: Allows users to navigate the 3D scene by rotating, zooming, and panning.

Setup

Clone the repository:

git clone https://github.com/AmandaHanz/Cosmos360.git
cd Cosmo360

Install dependencies:

npm install

Run the application:

npm start

Visit http://localhost:3000 in your browser to explore the solar system!

Contributing

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -am 'Add new feature').
5. Push to the branch (git push origin feature-branch).
6. Create a new Pull Request.

Contact

For any inquiries or feedback, feel free to contact me via amandahansamali18@gmail.com.