lazurey/react-todo-app

React Todo App

Instructions

Goal

Implement a client-side Todo List application based on given APIs.

Provided

• API in json format All API example are listed under ./client/api/mock/index.js
• Basic project structure with all dependencies you will need.
• Please use React MDL as style guide for the whole project and try to write as little CSS code as possible.

Set up

Environment preparation

$ node -v
v6.x.x
$ npm -v
v3.10.x
$ yarn --verion
0.16.x

Setup

yarn install

Start server (at localhost:3000)

npm start

Run test (eslint & mocha & nyc)

npm run test

Requirements

Please refer to the mockup for the visual design

Required

1. Display a todo list
2. Switch tab to show items based on status
3. Display item number when tab is active
4. Delete an item
5. Complete an item
6. Add a new todo item
7. Edit existing item title

Optional

1. Clear completed items

Technical requirements

1. 100% test coverage

Dependencies

• Yarn
• React
• Redux
• Webpack
• React Material Design Light
• Mocha & Chai
• Enzyme
• ESLint
• Istanbul/nyc

Others

It uses the API rmal from Spring Boot Api.