My solar system hack project banner

My solar system hack project

Created by: sakshisuman25
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

README

Loading README...
sakshisuman25
sakshisuman25 shipped My solar system hack project
26 days ago

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
sakshisuman25 worked on My solar system hack project
28 days ago
8h 33m logged

📝 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