Our HeroMode blog is powered by Docusaurus, and we have added customizations over time to make it more dynamic and interactive. Previously we had added blog reactions to each blog post. For each blog, the post author can decide which emojis to include, as well as their titles. In this post, I describe how to add animations to the react titles, so that they truly feel like the Easter eggs that they are!
In addition to the iOS app, we've made HeroMode available on the web, and as a Chrome Extension. But the path of making HeroMode a cross platform app was not without its challenges. Here are some of the roadblocks we encountered.
We describe how we customized our HeroMode blog with Docusaurus's swizzling functionality. Specifically, we added a blog header to give context to the blog. And we also added subscription buttons so visitors can stay in the loop about new posts automatically.
We describe, step-by,step, how we added blog reactions into Docusaurus by doing component swizzling and integrating with Google's Firebase.
The code discussed here is available in our GitHub repository. And you can also check out a demo at demo-docusaurus-blog-reactions.ovisly.com!
WRD-PLT (Word Plate) is a game we play on road trips. The game is simple: as another car drives by, take the three letters on their license plate, and come up with words containing all three letters in that order.
But not all three-letter triplets are fun for this game. Some are impossible ("ZQX"). Some are too easy ("ING"). Here we apply statistical analysis to come up with a set of triplets that are within the goldilocks zone of playability.
And you can play the game at https://wrd-plt.ovisly.com/!