TinyBase logoTinyBase

Todo App

These demos demonstrate how to build a classic 'Todo' app, with successive levels of complexity.

Todo App v1 (the basics)

In this demo, we build a minimum viable 'Todo' app. It uses React and a simple Store to let people add new todos and then mark them as done. Read more.

Todo App v2 (indexes)

In this demo, we build a more complex 'Todo' app. In addition to what we built in Todo App v1 (the basics), we let people specify a type for each todo, such as 'Home', 'Work' or 'Archived'. Read more.

Todo App v3 (persistence)

In this demo, we build a yet more complex 'Todo' app, complete with persistence and a schema. Read more.

Todo App v4 (metrics)

In this version of the Todo app, we add a Metrics object that tracks the number of todos of each type and how many are not yet done. This allows us to show people how well they are getting through them. Read more.

Todo App v5 (checkpoints)

In this version of the Todo app, we add a Checkpoints object that provides us with an undo and redo stack as the main store changes. Read more.

Todo App v6 (collaboration)

In this version of the Todo app, we use a Synchronizer to make the application collaborative. Read more.