3D Planets destroyer 🌏

Project with very tricky animated transition and 3D support that can help you visualize our solar system in details ☀️, and even zoom on the planets (textures from NASA)

---

Videos about 3D in this website:

EN 🌝 YouTube video - "I created sun"

RU 🌚 Видео на YouTube - Создаём Плутон

Examples

PWA

---

Todo

• Solar system planets with textures three.js ✔
• transition router with animation ✔
• Background filter in every image ✔
• onClick top section hide? ✔
• Pluto ✔
• Sun ✔
• Refactor DRY
• Framer motion opacity
• Earth atmosphere rotate like Venus
• Responsive design for phone
• TypeScript support to pages but not 3D
• Down navigation bottom - mobile responsive (padding bottom more)
• Check for some stepper (with router-DOM support) in left side?

Demo - https://planet-destroyer.netlify.app/