Skip to content

An online recipe book that works offline thanks to the power of Progressive Web Apps.

License

Notifications You must be signed in to change notification settings

fearlessly-dev/recipe-me

Repository files navigation

My Offline Cookbook!!

Collage showing various dishes made under  the #RecipesForAJ tag


👩🏽‍🍳 | Welcome to My Offline Cookbook!

This is project that serves as both a sandbox for me to explore modern web development techniques and practices - and a functional website to help me consolidate and organize the many recipes I've published under the #Recipes4AJ and #RecipesForAJ tags on Twitter.


Origin Story

"Recipes For AJ" was a hashtag I started on Twitter as a breadcrumb trail for my now-13yo to revisit later in life. I am an American of South Asian (Indian) descent and a lifelong vegetarian who loves to cook. And I wanted to make sure I left him not just memories of the various meals we've had as a family, but tools to help him recreate those meaningfully in his own life.

I am one of those cook-by-instinct folks who rarely follows strict recipe measurements and guidelines, and instead follows my sensory guidance (taste, appearance, aroma) with a dash of whimsy. With this recipe site, I wanted to make that a little more actionable for him by adding some indications of measurements and steps to follow. All the while devoutly hoping he brings his own vision and style to make them his own.


Under The Hood

I was motivated to start this as a means of experimenting with modern web technologies in a real-world sandbox. I was looking for a demo app to use for a "Developing Progressive Web Apps (PWA)" article. And I found this amazing starter template for My Online Cookbook.

You can read the original README for more details on the template and setup. I've wanted to play with Eleventy, so this was added incentive. But I had other requirements:

  • I wanted to use a different hosting provider and CMS (e.g., on Azure)
  • I wanted to make this My Offline Cookbook (i.e., become a PWA)
  • I wanted to explore advanced capabilities (AI, PWA, Serverless)

You can look at my initial SETUP notes and keep an eye out for more updates as I explore these modifications.


Releases

You can find releases of the source code corresponding to various milestone moments in development. Comments and Issues feedback are always welcome.

Release Date Comments
v0.1-basic-pwa Feb 22, 2022 Corresponds to setup documented in the "Developing Progressive Web Apps (PWA)" article. Adds basic PWA capability to make the online cookbook work offline!