Solar System Model

A dynamic, interactive model of our solar system built with JavaScript, React, and CSS. Explore the orbits, sizes, and rotation of the planets — all in a beautiful, user-friendly UI. Now live and deployed on Vercel!

Deployed On Vercel

🌐 Live Demo: Try it on Vercel

---

Features

• Full Solar System: Models the Sun, Moon, and 8 planets.
• Custom Controls:
  • Adjust rotation speed of planets.
  • Scale planet sizes.
• Orbit Display:
  • View orbital paths using the "Show-Info & Display Orbit" button.
  • Popups include planet names and links to NASA (currently only Sun linked).
• Zoom & Pan: Freely explore the solar system.
• Animated: Includes various CSS animations.
• Responsive Design: Works across devices.
• User-Friendly UI: Intuitive interactions via buttons.

---

Project Structure

SolarSystem
├── 📁 public # Public assets
├── 📁 src # Source code
│ ├── 📁 CEarth, CMars... # Components for each celestial body
│ ├── 📁 CSolarSystem # Main system logic
│ ├── App.jsx, main.jsx # React entry point
│ ├── App.css, index.css # Styling
│ └── assets # Images or media (optional)
├── index.html
├── package.json
├── vite.config.js
├── README.md
└── .gitignore, eslint config, etc.

---

Getting Started

This project is built with React, styled using CSS, and bundled with Vite for blazing-fast development.

Installation

git clone https://github.com/SKT1803/SolarSystem.git
   cd SolarSystem
   npm install

 Run Locally
   npm run dev

---

Overview