davz.com

davz.com

Personal artist website with rendered planets in the background used to promote upcoming works

Tech used: Material UI, React.js, Gatsby.js, Three.js, React Three Fiber


davz.com is a way of documenting all my musical releases of my DavZ musical alias. The website features a background of stars and planets in React Three Fiber with custom shaders inspired by Sebastian Lague's video on planet generation. Different 3D scenes and camera layouts are seen when switching between pages, and the music page features a grid of all my works on a single page.

The site came together across January - February in 2022, and deployed to Firebase free hosting, with Cloudflare page caching configured for my domain.

At a certain point I experimented with taking the background rendering of the site and moving it into an iFrame so I could load other visualisations for specific pages and tracks. This overall added to the build size and load times, but contributes to the seamless fades between scenes. Down the line, I plan to remove the iFrame, reintroduce the planets back into the build of the site and set up more effective code splitting to not download unnecessary scenes.


Other projects

Cards Against Australia - MACathon 2022

Cards Against Australia - MACathon 2022

Tech used: React, MUI, FastAPI, MongoDB

48 hour first-place hackathon project that informs Australians about politics in an engaging way.

YSAP.FM

YSAP.FM

Tech used: Material UI, React.js, Node.js, Icecast, MongoDB, EC2, S3, DigitalOcean, Howler.js

24/7 Online Radio made in a month for VCE Software Development 3/4

@ Davit Gogiberidze 2023