https://github.com/skt1803/solar-system
Solar System
https://github.com/skt1803/solar-system
blackhole earth orbit planets react solar-system solarsystemproject sun vite vitejs
Last synced: about 1 month ago
JSON representation
Solar System
- Host: GitHub
- URL: https://github.com/skt1803/solar-system
- Owner: SKT1803
- Created: 2025-05-26T20:16:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-27T16:32:40.000Z (about 1 year ago)
- Last Synced: 2025-05-27T17:35:48.626Z (about 1 year ago)
- Topics: blackhole, earth, orbit, planets, react, solar-system, solarsystemproject, sun, vite, vitejs
- Language: CSS
- Homepage: https://solar-system-mu-kohl.vercel.app
- Size: 17.3 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://solar-system-mu-kohl.vercel.app)
---
## 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
```bash
git clone https://github.com/SKT1803/SolarSystem.git
cd SolarSystem
npm install
Run Locally
npm run dev
```
---
## Overview
