Twinkling Treehouse
A sales analytics dashboard for an online fairy-light store, redesigned as a night sky of twinkling lights. I built it in React with every animation in pure CSS, keeping it fast and free of third-party animation libraries.
Overview
Twinkling Treehouse sells fairy lights and decorations online, and its analytics dashboard tracks the store at a glance: total sales in AUD, number of orders, a daily sales trend, and the top-selling products. It’s an MVP.
I redesigned the dashboard in React, giving the data a setting that matches the brand: a night sky strung with fairy lights.
Animated in pure CSS
The whole page is animated, from the twinkling strings of lights to the glowing cards, and all of it is done in CSS. There are no third-party JavaScript animation libraries, which means less to download, a faster first load, and fewer dependencies to maintain.
AmnisLive →
A live-streaming social app where people follow each other, go live privately for a chosen audience, and replay past broadcasts. Building it in Flutter on Agora is where WebRTC clicked for me, from signaling to scaling one stream to a whole audience.