todolist-sample(react)

An example to create a todo-list app

Build a simple todo-list using jquery,html and css.

ToDo-List Overviews

• This is an app to manage your own list.
• It contains add(),edit(),remove() functions.
• ToDo-List can record your browser record even if you close your web browser.

ToDo-List Steps

1. Write down your list item at Textbox.
2. Press button 'ADD' or 'ENTER' until you finish your list item.
3. If you want to modify your list item, press button 'edit'.
4. When you already modify your list item, just press button 'ok' to change your new list item.
5. If you want to remove your list item, press button 'remove'.
6. After you press remove button, this list item will disappear.

Reference

• react API
• bootstrap-use bootstrap to make your view better.

Required

First, you should install npm and node.js.

• Required node.js

Install

npm live-server can make you run server without reload the page.

$ npm install -g live-server

$ git clone https://github.com/rainchiu/todolist-sample.git
$ cd todolist-sample

Run

$ live-server

Up and running at localhost:8080

Screenshot