This page is part of the documentation for the Chrome Apps platform, which was deprecated in 2020. Chrome Apps in Kiosk Mode used by Enterprise and Education customers will no longer be supported after April 2027, marking their end of life. Additionally, all remaining Chrome Apps used in managed environments by Enterprise and Education organizations will reach their end of life in October 2028. Learn more about migrating your app.

Build a Todo Chrome App

Welcome to the Chrome Apps codelab.

Follow along with each step to learn about the basic building blocks of the Chrome Apps platform. By the end of this codelab, you will have an offline-enabled and feature-rich Todo app that you can install on your desktop computer.

A screenshot of the finished codelab

The finished Todo app can be installed from the Chrome Web Store.

Along the way, you will learn:

How to create, run, and debug a Chrome App in Step 1.
How to update an existing web app as a Chrome App, deal with Content Security Policy issues, and add local storage support in Step 2.
How to implement alarms and notifications in Step 3.
How to display web pages inline in Step 4.
How to load resources (like images) from external sources in Step 5.
How to write to a file in the native filesystem in Step 6.
How to publish your app to the Chrome Web Store in Step 7.

To prepare for this codelab:

Use the latest version of Google Chrome.
Start fresh in an empty project directory on your development computer.
Download the reference code for all steps or view them on GitHub in case you get stuck.

Each step builds on top of the previous. You can skip any step and use previous step solutions in the reference code.

Let's get started. Go to Step 1 - Create and run a Chrome App »