ÄENMÜXU0QOL3IBHK0CEÜYN3QOS
TUFLRPDEHQRB0QDUVJBZZXUHNS
TIGSWÄ3RÜGLXSZLQOKC0XFDQOR
TZÜLRORJU6OVKOMIO2DVZÄDZ3J
MPOZBKDOBVTDCFXTKJ0AÜWYD3Ü
OIVWLÜWBÄVA0AABCLFRAE0FÜQ3
EMAIL COPIED
TO CLIPBOARD
plantmonit
DETAILS
FZ2VB6EMAGYI3ÄMPVKDH32J3S63B3
EMAIL COPIED
TO CLIPBOARD
The course just asked us to do something with stars.
We got a link to a CSV file that had around 340,000 stars and their data in it.

The course was more about learning the deployment pipeline
than develop the content to something unique.
Even so, we wanted to create a website that doesn't already exist in this form.

Many people believe that the constellation of the stars at the time of their birth has a special significance for their lives. This belief affects our choices and attitudes in everyday life, from horoscopes to astrological predictions.
With our website, we aimed to show, in a fun way, that constellations are simply a random grouping of celestial bodies that appear coherent because of our perspective. Our goal was to offer a new perspective on the universe and to highlight that the supposed meanings of the constellations are just fiction.
plantmonit
concept work in figma
ISIBGB0DSOJOKZDNAYLDU3BFKE3SX
EMAIL COPIED
TO CLIPBOARD
At the start of the project, we discussed how we wanted to portray the stars.
We quickly decided to add a fun element by simulating a spaceship flying
through space. This approach lets you see the stars and constellations from different angles, which makes it easier to understand how random the arrangements are.
After some feedback discussions, we decided to put the idea of displaying scientific data on the back burner to focus more on the visual experience.
As you move through space, the lines that connect the stars start to get distorted, making it harder to recognize constellations.
This makes users realise that even a slight shift in perspective is enough to destroy these supposed constellations.

To make it more immersive, we chose a sleek, unobtrusive design for the navigation tools that blends in with the background without disturbing the visual focus on the stars.
WBJM2UGBÄKUDYXQÄIÜQQZANGRJW
EMAIL COPIED
TO CLIPBOARD
The result is an interactive website that lets users have some fun exploring space.
You can view stars and constellations from different perspectives with the help of a simulated spaceship.
The idea is to show that constellations are just a matter of perspective.
There are some subtle animations that show how even small changes in the viewing angle can make the constellations seem less ordered.
Users get to see first-hand how random the arrangement of the celestial bodies really is—without any direct instruction, but through their own discovery and experience.

The website is built on the Svelte framework, and THREE.js handles the 3D environment. We store the star data in a MongoDB database, which is hosted on our own server along with the backend. We use Docker and Portainer to manage the infrastructure, and GitHub Actions provides us with a nearly automated deployment pipeline, which makes it easy to deploy the application.
a moitor displaying jumpstar
TRY IT OUT LIVE
ACMV6SXTTEHÄAHDXNVBJC3ZIUNX2H0ESRTDHDRO3N6BBBEN2BPGHZLDLRZB
EMAIL COPIED
TO CLIPBOARD
QGM6JL6WK3KM3ÄQY6HÜ3XAMV
B2J6S0HARDDYPFERHMUEMÜÜZRUS6
VNM3HVYFDCRTW0TX2AVBJYU
GQ6PNTÄFÜÄZHXQTENPCCR26D
EMAIL COPIED
TO CLIPBOARD
JB