Solar System banner

Solar System

Created by: apurnaray25
1 devlog
5h 24m 33s

What This Project Does:

This project is an interactive animated Solar System built using HTML and CSS.

. Shows the Sun and all 8 planets with realistic orbital motion.
. Earth's Moon orbits around the Earth.
. Fully responsive and visua…

What This Project Does:

This project is an interactive animated Solar System built using HTML and CSS.

. Shows the Sun and all 8 planets with realistic orbital motion.
. Earth’s Moon orbits around the Earth.
. Fully responsive and visually appealing.

It’s perfect for learning CSS animations, web layout, and basic astronomy visualization.

Who’s Working on It:

Developer: me [Apurna Ray]
Roles: HTML/CSS coding, animation design, planet image selection, and responsiveness tuning.

What’s Next:

  1. Add planet rotation on their own axis for more realism.
  2. Include information tooltips for each planet (size, distance, facts).
  3. Enhance animation speed and orbit scaling to make it closer to real solar system ratios.
  4. Make it interactive: click planets to learn more or view animations in 3D.
This project uses AI

This README and documentation were assisted by ChatGPT. All project content was created by me [Apurna Ray].

Demo Repository

README

Loading README...
apurnaray25
apurnaray25 shipped Solar System
4 days ago

Shipped this project!

Hours: 5.41
Cookies: 🍪 12
Multiplier: 2.3 cookies/hr

I built a thing that animates the Solar System! The hardest part was making the planets and Moon orbit smoothly and look realistic, but I figured it out by using CSS animations and careful orbit sizing, really happy with how it turned out.

Check it out here: https://github.com/apurna06ray/solar-system1

apurnaray25
apurnaray25 worked on Solar System
4 days ago
5h 24m logged
  1. This project is an animated model of the Solar System.
  2. It shows the Sun at the center with all planets orbiting around it.
  3. Earth’s Moon also orbits around the Earth.
  4. The animation helps visualize planetary motion and distances.
  5. It’s a fun way to learn about space and how our solar system works.

Purpose of This Project:

The purpose of this Solar System project is to help people understand how our solar system works in a simple and visual way.

  1. Sun is the center: All planets orbit around the Sun.
    Planets have different speeds: Mercury moves fastest, Neptune moves slowest.
  2. Earth has a Moon: The Moon orbits around the Earth while Earth orbits the Sun.
  3. Learning through visualization: Instead of reading textbooks, you can see the planets moving and get an idea of their positions and motions.
  • This project makes learning astronomy fun and interactive for students, beginners, or anyone curious about space.
0