TakeMeTour On-Site coding interview

For this test you will have 30 minutes to implements a "Todo List" app

Prerequisite

• Node.js (> 8.0.0)
• Git (of course...)

Setup

• Clone this project. (Or fork)
• Install dependencies by npm install or yarn
• Start the apps with npm run start or yarn start

What we provide

We provide some components with simple styling (using styled-components). By the way you can still modify it.

Source code is bootstraped by create-react-app so you can have an extra feature like TypeScript if you want to.

You can also integrate and use any prefer tools like ESLint.

Base Requirements

• Each todo item has two states active and completed.
• Each todo item label with a simple string. (Ex. Buy some beer, Play badminton)
• User can't add new todo item that is invalid value such as empty string.
• When todo item is created, it have active state.
• User able to see remaining active todos count.
• User able to mark todo item from active to completed and vice versa.
• User able to delete any todo item.
• User able to see the list of todo with only active and completed.
• User able to clear all completed todos with single click.

Extra Requirements

• User able to edit active todo but can't edit completed todo.
• Make it responsive. So the app can be use both on mobile and desktop.
• Grouping feature.
• Having some unit test.
• Anything from your imagination!