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
Tech used: React, MUI, FastAPI, MongoDB
48 hour first-place hackathon project that informs Australians about politics in an engaging way.
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