beraliv / react-todo

React / ES6 Todo App

react-todo

React / Redux / ES6 Todo Application

This project was bootstrapped with Create React App.

Table of Contents

• Quick Start
• Project description
• NPM tasks
• The possibilities of the project
• Future updates
  • Version 1.1.0
  • Version 1.2.0
  • Version 1.3.0
• Demo
• License

Quick Start

To download the project, you need to clone it first.

git clone https://github.com/Beraliv/react-todo

After that, you need to install all dependencies. It will create node_modules folder.

npm i

Finally, you need to start the project.

npm run start

Project description

The project consists of:

• React library.
  • Redux Framework.
  • Redux-Saga Framework.
• Feather Icons.
• Flat UI Colors.
• Pure CSS.

Redux

Redux is the framework in the project by default in the branch master.

Documentation is available here: http://redux.js.org/

Redux-Saga

Redux-Saga is accessible in the branch redux-saga. PR is created and can been seen here: PR #3

Documentation is available here: https://redux-saga.js.org/

NPM tasks

npm run predeploy

It builds the project and put all files to build folder

npm run deploy

It saves build folder on a gh-pages branch creating it in case it doesn't exist. After that you can see Demo.

NB: it requires npm and gh-pages in a global space. Before running the task npm installs gh-pages.

The possibilities of the project

For version 1.0.0 it's possible to:

• Add new todo.
• Remove todo.
• Make active and complete todo.
• Select all todos and toggle them all together (see 3rd point).

Future updates

Version 1.1.0

• Allow to edit todos.
• Save todos using local storage from issue 2.
• Add ESLint support.

Version 1.2.0

• Webpack rewriting.
• Less support.
• Jest test cases.

Version 1.3.0

• Add an adaptive design.
• Improve support for old browsers.
• Update UI.

Demo

You can see built example here

License

MIT License