https://github.com/mamedul/solar-3d
Interactive 3D Solar System Explorer PWA
https://github.com/mamedul/solar-3d
3d 3d-modelling educational-project solar-energy solar-system student-project
Last synced: 8 months ago
JSON representation
Interactive 3D Solar System Explorer PWA
- Host: GitHub
- URL: https://github.com/mamedul/solar-3d
- Owner: mamedul
- Created: 2025-08-30T00:33:23.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-30T02:21:45.000Z (10 months ago)
- Last Synced: 2025-08-30T04:19:27.583Z (10 months ago)
- Topics: 3d, 3d-modelling, educational-project, solar-energy, solar-system, student-project
- Language: JavaScript
- Homepage: http://mamedul.ddns.net/solar-3d/
- Size: 268 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Interactive 3D Solar System Explorer
An interactive and visually engaging 3D model of our solar system built with **Three.js** and styled with **Tailwind CSS**. This project allows users to explore the planets, their moons, and other celestial bodies in a beautiful 3D environment. Clicking on any object reveals fascinating facts and details, making it a perfect educational tool that is both engaging and informative.
[](https://github.com/mamedul/solar-3d/blob/main/LICENSE) [](https://github.com/mamedul/solar-3d/stargazers) [](https://github.com/mamedul/solar-3d/network/members) [](https://github.com/mamedul/solar-3d/watchers) [](https://github.com/mamedul?tab=followers) 
_(A preview of the 3D Solar System Explorer)_
### 🚀 View the [**Live Demo !**](https://mamedul.github.io/solar-3d/) Here
## 📚 Table of Contents
1. Key Features
2. Technologies Used
3. Project Goals
4. Getting Started
5. Future Roadmap
6. Contributing
7. License
8. Connect Me
9. Support
## ✨ Key Features
* **Full 3D Environment:** A beautifully rendered 3D scene that allows for complete freedom to rotate, pan, and zoom.
* **Interactive Celestial Bodies:** Click on the Sun, planets, dwarf planets, and major moons to display an elegant info panel with key data.
* **Accurate Orbital Data:** Planets and moons orbit at realistic relative speeds and angles, providing an accurate representation of the solar system.
* **Educational Content:** Each celestial body has a detailed description and key facts (diameter, orbital period, surface temperature, etc.).
* **Playback Controls:** Easily play/pause the animation, control the simulation speed, and zoom in/out with intuitive UI buttons.
* **Fully Responsive:** A modern, app-like UI that works seamlessly on desktop, tablet, and mobile devices, including touch-based pinch-to-zoom gestures.
* **SEO Optimized:** Includes best-practice meta tags and JSON-LD structured data to improve discoverability on search engines.
## 🛠️ Technologies Used
* [**Three.js**](https://threejs.org/ "null")**:** A powerful 3D graphics library for creating and rendering the WebGL scene.
* [**Tailwind CSS**](https://tailwindcss.com/ "null")**:** A utility-first CSS framework for modern and responsive UI styling.
* **HTML5 & Vanilla JavaScript:** The core technologies driving the application's logic and structure.
## 🎯 Project Goals
The primary goal of this project is to create an accessible, interactive, and educational tool for anyone interested in astronomy and our solar system. It aims to present complex astronomical data in a visually appealing and easy-to-understand format, making learning about space an engaging experience.
## 🔧 Getting Started
Since this is a self-contained vanilla JavaScript application, getting started is incredibly simple. No complex build steps or dependencies are required.
1. **Clone the repository:**
```
git clone https://github.com/mamedul/solar-3d.git
```
2. **Navigate to the project directory:**
```
cd solar-3d
```
3. **Open the file:** Open the `index.html` file directly in your favorite web browser. No local server is needed!
## 🚀 Future Roadmap
This project is actively being developed. Future enhancements planned include:
* \[ \] **High-Resolution Textures:** Adding realistic textures to all celestial bodies for a more immersive experience.
* \[ \] **Asteroid Belt:** Implementing a visually accurate asteroid belt between Mars and Jupiter.
* \[ \] **Search Functionality:** Allowing users to quickly find and focus on a specific planet or moon.
* \[ \] **More Moons & Spacecraft:** Adding more of the major moons and iconic spacecraft like the ISS or Hubble Telescope.
* \[ \] **Constellation View:** An option to toggle a star map with major constellations.
## 🤝 Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have ideas for new features, find a bug, or want to improve the existing code, please feel free to:
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📝 License
This project is licensed under the [MIT License](https://mit-license.org/) — feel free to use, modify, and distribute it freely.
⭐ Don't forget to star this repo if you like it!
© 2025 [Mamedul Islam](https://mamedul.github.io/)
---
## 📬 Connect Me
* [📱 WhatsApp](https://wa.me/8801847406830)
* [💼 Fiverr Profile](https://www.fiverr.com/mamedul)
* [👔 LinkedIn](https://www.linkedin.com/in/mamedul/)
* [💻 GitHub](https://github.com/mamedul)
* [🐦 X (Twitter)](https://www.x.com/mamedul)
I'm open for [freelance work](https://www.fiverr.com/mamedul), Woocommerce, E-commerce, Wordpress, PWA development, speed test apps, Firebase projects, websocket, PHP, MySQL and more. [Hire me](https://wa.me/8801847406830) to bring your ideas to life with clean, modern code!
I help businesses grow their online presence with custom web solutions. Specializing in WordPress, WooCommerce, and Shopify, I build modern, responsive, and high-performance websites.
---
## ⭐ Support
If you find this extension useful, please consider giving it a star on GitHub! Your support helps motivate further development and improvements.
[](https://github.com/mamedul/solar-3d/stargazers)
If you found this project helpful, give it a ⭐ on GitHub!
Don't forget to give the project a star! Thanks again!
---