ÄENMÜXU0QOL3IBHK0CEÜYN3QOS

TUFLRPDEHQRB0QDUVJBZZXUHNS

TIGSWÄ3RÜGLXSZLQOKC0XFDQOR

TZÜLRORJU6OVKOMIO2DVZÄDZ3J

MPOZBKDOBVTDCFXTKJ0AÜWYD3Ü

OIVWLÜWBÄVA0AABCLFRAE0FÜQ3

EMAIL COPIED
TO CLIPBOARD

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.

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.

TRY IT OUT LIVE

ACMV6SXTTEHÄAHDXNVBJC3ZIUNX2H0ESRTDHDRO3N6BBBEN2BPGHZLDLRZB

EMAIL COPIED
TO CLIPBOARD

QGM6JL6WK3KM3ÄQY6HÜ3XAMV

B2J6S0HARDDYPFERHMUEMÜÜZRUS6

VNM3HVYFDCRTW0TX2AVBJYU

GQ6PNTÄFÜÄZHXQTENPCCR26D

EMAIL COPIED
TO CLIPBOARD