SolarSystem

<p align="center"><img src="./logo.svg" width=100 height=100> <h1 align="center">Solar System</h1></p> <h5 align="center">🌎​ Interactive Solar System 3D replica 🪐</h5> <p align="center"> <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/honzaap/SolarSystem?label=stars&style=flat-square"> <img alt="GitHub" src="https://img.shields.io/github/license/honzaap/SolarSystem?label=license&style=flat-square"> </p>

<h3 align="center"><a href="https://honzaap.github.io/SolarSystem">Try it out!</a></h3>

<p align="center"> <img alt="Solar system gif" src="./readme_gif.gif" /> </p> <p align="center">Made with <a href="https://github.com/mrdoob/three.js">ThreeJS</a> and <a href="https://github.com/vuejs/core">Vue</a></p>

How does it work?

• Move around the Solar system with mouse
• Click on planet or moon to find out more about it
• Change the speed with side menu

How to install

• Clone repository to your local machine
• Open terminal and cd into repository folder
• run npm install
• run npm run dev