Skip to content
The progressive offline Todo app
Branch: master
Clone or download
Latest commit 6fcf91d Dec 31, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public Added firebase, updated theme Dec 28, 2016
src Hide completed controls if no todos completed Dec 31, 2016
.firebaserc Firebase hosting, updated favicon Dec 27, 2016
.gitignore Init todo app Dec 27, 2016
README.md Updated README Dec 31, 2016
firebase.json Firebase hosting, updated favicon Dec 27, 2016
package.json Added react-motion Dec 28, 2016
yarn.lock Added react-motion Dec 28, 2016

README.md

What is this?

Remember is a progressive modern offline todo (go figure) web-app I built to learn about progressive webapps or PWA. It uses app shell architecture and IndexedDB to make the app available offline.

You can find out more from the blog post here.

The live demo is hosted on firebase. Add the app to your homescreen by selecting 'Add to Homescreen' in your browser's options.

What's in it?

This project was bootstrapped with Create React App.

Tools I've used to bring this to life.

The big ones

  • React
  • Redux
  • Webpack (ES6)
  • Firebase

Supporting libraries

  • react-motion - Animation library using spring dynamics
  • redux-saga - Side-effects library
  • react-redux - React/Redux bindings
  • react-hammerjs - Wrapper around HammerJS
  • localforage - Wrapper library around IndexedDB
  • classnames - Utility to manage css classes
  • color-string - Utility to manipulate color-strings
  • shortid - Utility to generate unique ids
  • sw-precache - Generate service-worker boilerplate

Available Scripts

First install all the dependencies by running yarn

In the project directory, you can run:

yarn start

yarn run build

yarn run build-offline

You can’t perform that action at this time.