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
- 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 storagefrom issue 2.- Add ESLint support.
Version 1.2.0
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