My solar system hack project banner

My solar system hack project

1 devlog
8h 33m 2s

This project is a visually engaging representation of the solar system created using only HTML and CSS. It showcases planets orbiting around the sun with smooth animations and structured layouts, without using JavaScript.

The main goal of this …

This project is a visually engaging representation of the solar system created using only HTML and CSS. It showcases planets orbiting around the sun with smooth animations and structured layouts, without using JavaScript.

The main goal of this project is to demonstrate the power of CSS animations and positioning techniques. Each planet is styled using CSS and placed in orbit using keyframe animations to simulate real planetary motion.

This project uses AI

🤖 AI Declaration

This Solar System project was created with the assistance of AI tools. AI was used for guidance, idea generation, and minor help with code structure and problem-solving.

However, the overall design, implementation, and understanding of the project were completed by me. I made sure to review, modify, and fully understand the code while building this project.

Demo Repository

Loading README...

sakshisuman25

Shipped this project!

Hours: 8.55
Cookies: 🍪 16
Multiplier: 1.84 cookies/hr

🚀 Simple Ship Messages
feat: add solar system project UI
feat: create basic solar system layout with HTML & CSS
init: solar system project setup
feat: add planets and orbit animations

sakshisuman25

📝 Devlog

While building the Solar System project, I started by creating the basic structure using HTML and then used CSS to design and position the Sun and planets. I used CSS animations to simulate the orbital movement of planets around the Sun, which made the project visually engaging.

Initially, I faced some challenges with positioning elements correctly and managing smooth animations, but after experimenting with CSS properties like transform and animation, I was able to achieve the desired effect. I also used JavaScript to add interactivity, such as displaying information about each planet.

This project helped me improve my understanding of animations, positioning, and DOM manipulation. Overall, it was a fun and creative learning experience.

Attachment
0