Todo app written by React App
===
## Introduction

This is a todo app I've written by React JS as front End UI and Springboot as backend server. 
Any user's interaction with this App will make an API call to the server to update the Data
In this application, I use a mock backend which is json Server from NodeJS.
Below are some demo screens which illustrate the main functions. 

[click here to experience](https://hoanghai-todo-react.herokuapp.com/)

## Available Scripts for FE
In order to run this app, you need to clone it. 

In the project directory, you can run:
`npm start`
Also you need to open a new Terminal to run mock JSON server
`npm run server`

### Main View

**show Task**

![view1](./p/view1.showTask.jpg)

**Add Task Form**

![view2](./p/view2.addTask.jpg)

**Add a new Task**

![view3](./p/view5.addATask.jpg)

![view4](./p/view7.newTaskresult.jpg)

**Toggle a Task status**

![view3](./p/view3.ToggleTask.jpg)