Mar 2019 View it live here
Like, where is he man? Well this site lets you find out! Originally built for friends and family, this web app lets you explore my adventures with a map and pretty photos.
Reactand hosted on
Where is Kangabru? is all about showcasing beautiful places that I have visited in a fun and interactive way. Friends and family can see where I am, and also explore my favourite places around the globe.
I love it, I can keep an eye on him while he's off on his amazing adventures.
An interactive map with my current and previous locations.
A vast and growing collection of my travel photos and albums.
A fully playable game! and CMS to manage photos and content.
This is a single page application built from the ground up by me. The app utilises various technologies that I wanted to try out at the time.
Firebasefor hosting, auth, photo storage, and cloud functions.
Firebasewas chosen for fantastic dev usability, low cost, and full GCP integration.
Reactapps are component based which allows for complex, yet maintainable single page applications.
NPMecosystem allow me to develop more, faster.
Reduxis used to manage a centralised application state.
Reactthen uses to render the UI.
Firebasehandles content delivery which uses Google’s global CDN and servers.
Tailwinds: A fantastic library which generates atomic
CSSutility classes. It helps prevent breakages, simplifies responsive design, and reduces the size of stylesheets through the app.
Leaflet: Renders and handles all maps used in the app.
Redux Thunk: Enables async
React Router: Enables url navigation with the single page app.
Webpack: Builds the app. Includes transpiling
Tailwinds, running dev/prod builds, tree shaking etc.
Jest: Used for
JS, UI, and snapshot testing.