Designed and implemented a production ready application for maintaining Todo application

Technology used: React 16 , Redux , Redux-Thunk, and Express

Live application can be accessed from : Live-Demo

• Installation
• Storybook
• Features
• Screencasts

To proceed with smooth installation you should have Node 8+ version installed in your system

Please clone this repo and then navigate to Travix-Draggable-Todo folder and run below commands in order to run this app locally.

# Install dependencies for server
npm install

# Install dependencies for client
npm run client-install

# Run the client & server with concurrently
npm run dev

Expected functionality:

• Add a Todo Task
• Save it on a server
• Edit a Todo Task
• Delete a Todo Task

Out of excitement, I have added:

• Drag and Drop feature
• Categorized it into Todo , InProgress and Done state
• Storybook

Storybook can be run with the following command:

# First navigate into client folder
cd client

# Run below command
npm run storybook

Homepage

Add a Todo Task

Edit a Todo Task

Delete a Todo Task

Fully Responsive Layout

Test can be executed with the following commands

# First navigate into client folder
cd client

# Run below command
npm test

ESLint can be executed with the following commands

# First navigate into client folder
cd client

# Run below command
npm run lint