Chrome App React Todo Boilerplate

Boilerplate for Chrome App with React and Redux project

Features

• Todo App built by React/Redux for Chrome App
• Development use hot reloading React/Redux (Using Webpack
• Using Dexie.js for persistent storage offline indexedDB

App example

• Todo list from Redux

Installation

# clone the repo
$ git clone https://github.com/thienthinh/chrome-app-react-todo.git

# Install dependencies
$ npm install

Development

# Build to folder 'dev'
$ npm run dev

• After build project to folder 'dev', Load unpacked app from folder 'dev' to chrome extensions.
• When run Chrome App from development (folder dev), it automatically hot reload for each file change.

Build

# Build to folder 'build'
$ npm run build

Todos

• Implement feature delete todo by click on delete button.
• Double click to edit a todo.
• Implement feature toggle all todos as completed.
• Add feature to display count of todos left.
• Add button to delete all completed todos.
• Fix bug cannot scroll body when todos list exceed window screen.

License

MIT © Thinh Le