Coding the stars - an interactive constellation with Three.js and React Three Fiber

During Supabase's Launch Week 8, a constellation of stars was created where each user signup was represented as a star in the form of an "8" shape. The animation was achieved using React Three Fiber (R3F) and Three.js. R3F abstracted many complexities of Three.js such as cameras and renderers, making it easier to use. The constellation was created by leveraging trigonometry, animation hooks, and GUI playgrounds.