Thermomix-recipes

• That application is a basic cookbook based on jQuery mobile (dedicated for a kitchen robot my wife bought called 'thermomix').
• Application is mainly written in JavaScript, on the client side.
• Data (categories, recipes and cookbook name) are stored in the client’s localStorage.
• Data (localStorage exported in JSON) are persisted on the server using a small piece of code in PHP.
• You can switch between cookbooks, which are stored on separated files on the server.
• Application should work on offline mode, in a read only mode (using a ServiceWorker).

Demo

Here’s a demo version of the application : http://thermomix.recipes.free.fr

Self-hosting variants

There is a branch storing data on server (using json-store, a simple way to store json).

Prerequisites

You’ll need PHP5 on the server to run the app.

Build

node 8 is needed to run grunt. node 10+ is not compatible.

Run "rake".

The build process :

• copies files,
• concats and minifies JavaScript,
• appends git last commit hash to html file.

Prerequisites

To build the application, you’ll need rake and grunt (which depends on nodejs). For developpement, you’ll need to activate Apache’s rewrite mod (see src/.htaccess file) if you’re using apache.

Installation

1. Once the build process ran, Copy all "dist" files on the server,
2. set write attributes to the data folder for the web server’s user.

Know issues

• Application labels and messages are written in french.
• For now, all data (meaning all categories and all recipes) are sent on the server on each save (yeah I know, not really bandwith efficient).
• Concurrency check is very very basic for now (on save, we compare a timestamp between local data and server data and ask user if he want to override all data or not).

Legal stuff

This application uses following OpenSource code or images :

• Underscore (http://underscorejs.org/),
• jQuery (http://jquery.com/),
• jQuery Mobile (http://jquerymobile.com/),
• jQuery mobile page param plugin (https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params),
• webL10n library for localization (https://github.com/fabi1cazenave/webL10n/),
• qUnit (http://qunitjs.com),
• PageDown editor (https://code.google.com/p/pagedown/),
• FamFamFam icons (http://www.famfamfam.com/),
• Grunt for JavaScript build (http://gruntjs.com/).

I also used some icons from the Thermomix manual and derived the logo for the icon.