GAE + Backbone + Require.js Todo web app example
Switch branches/tags
Nothing to show
Pull request Compare This branch is 1 commit behind ronreiter:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Complete Google App Engine + Backbone.js + Require.js Todo list Web App Example

Based on the work of Thomas Davis ( and Jérôme Gravel-Niquet (

Presentation and a code walkthrough can be found here:


Here you can find a fully working example of a Todo list web app which uses REST API to communicate with its back end. The app uses:

  • Google App Engine (Python) for its back end
  • Backbone.js for the MVC framework
  • Underscore.js for templating and Backbone.js
  • Require.js for modularization
  • R.js build script for JavaScript minification & bundling

This web app can teach you a lot just by reading the source code. It's a great boilerplate to start heavy web apps, which require a back end and modularization. For example:

  • How to implement a simple Todo model, and a REST API interface using Google App Engine in Python
  • How to configure Backbone.js to sync with a back-end
  • How to configure Require.js and use Backbone/Underscore/jQuery as AMD modules
  • Templating using underscore.js - conditionals and HTML escaping
  • Loading text files and using them as templates using Require.js
  • MVC programming using Backbone.js
  • Building a distributable, minified and optimized app using node.js

Getting Started

To build the app, download node.js from, and run the build script under "build/build".

Once this is done, you should download and install the Google App Engine SDK for Python here: After installing the SDK, you can run your app using the Google App Engine Launcher, and later on deploy it to Google.