Inspiration
Many children dream of being an astronaut when they grow up. Our website aims to bring them closer to the far reaches of space, also closer to their dreams.
What it does
Our website includes two parts, the first part is an animation of the solar system. We realized this animation by utilizing an open-source API to develop a smooth solar system movement animation. We made it more user-friendly by converting each planet to its cartoon version. Moreover, users can interact with the planet to show its corresponding details, including its name, size, speed, etc. Observing the movement through various angles is also available.
The second part of our website is the source of all detailed planet information in the solar system. It contains real photographs and professional knowledge of each planet.
How we built it
For back-end, we use Express framework to build the backend of the website, to deal with information about the planets. For front-end, we use open-source css style to make the animation of the planets, and we use bootstrap framework to made our webpage more user-frendly.
Challenges we ran into
How to use cartoon images to replace the origin style of the planets in animation API. How to transfer image from back-end to front-end.
Accomplishments that we're proud of
We build this whole project in one day!
What we learned
How to use css to simulate solar system. How to use Express framework to render pug file with image. How to cooperation with teammates on Github.
What's next for TinySolarSystem
We will use some API to gain real-time data of planets, like their location on the sky and represent them on our website.
Log in or sign up for Devpost to join the conversation.