track.easterbunny.cc (Version 3)

track.easterbunny.cc Version 3 was the first run of track.easterbunny.cc - the world’s premiere Easter Bunny Tracker.

Launched in 2019, it brought tracking the Easter Bunny into the modern era, with real-time updates and maps to plot where the Easter Bunny is. Crucially, it was the foundation that track.easterbunny.cc Version 4 was built upon.

Even though Version 3 was pretty barebones, and was a proof-of-concept with some UI tacked on, it was enjoyed by thousands of people from around the world in 2019.

—

Lines of code: ~5,000

Languages: HTML, CSS, JavaScript

Frameworks: Bootstrap, jQuery, Google Maps API

Timeframe: December 2018 - April 2019 (project under active development)

—

You can visit this project at track.easterbunny.cc.

track.easterbunny.cc Version 3 is pretty basic compared to Version 4, and this screenshot shows it all. The map is locked into hybrid mode, the UI in dark mode.

A single question mark icon at the bottom left showed a small dialogue when clicked, with links to FAQs, News, and Acknowledgements.

One thing that is seen here was pre-tracking. It had never been done before in the world of Easter Bunny Tracking. It’s a simple premises: display the Easter Bunny’s preparations for 3 hours to further engage users with the tracker, and show what happens behind the scenes.

Even with the lackluster UI, Version 3 was built with the goal of making a real-time tracker, and so I focused a lot on the underlying logic. Aside from a few hitches with the basket delivered count going too high sometimes, it worked great.

I didn’t spend a great deal of time on the UI because it wasn’t the primary focus.

This video is a 26-second summary of the highlights of the Easter Bunny’s journey in 2019. If you’d like to see the full timelapse (approx 11 minutes) of track.easterbunny.cc’s 2019 run, please see the video below.

This is the full timelapse of track.easterbunny.cc’s 2019 run. It compresses 28 hours of tracking captured by 40,000 images into just under twelve minutes of video.

Make sure you set your video quality to 1080p and watch in full-screen if you can to get the best viewing experience.