TinyBase

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.

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'.

Todo App v3 (persistence)

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

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.

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.