Ivan-Corporation / 3D-Planet-destroyer

3D planet destroyer with animation transitions 🌏 (PWA App with Firebase notifications support)

Home Page:https://planet-destroyer.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:



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?

About

3D planet destroyer with animation transitions 🌏 (PWA App with Firebase notifications support)

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

License:MIT License


Languages

Language:TypeScript 59.5%Language:JavaScript 35.2%Language:CSS 3.1%Language:HTML 1.7%Language:Shell 0.4%