Kanban fun

This is try out of the drag and drop mechanism in react.

🚀 Functionalities

Main functionalities:

• Task can be added to the list for each of the three states (to-do / in progress / done)
• After clicking add button, the task element appears on the screen, where you can enter the title and description of the task
• The task must have at least a title - adding without a title is not possible and the user is informed about it
• The ability to move tasks between states (Drag and Drop)

Unfinished functionalities:

• Saving tasks after exiting the web browser

🔧 Tools

The following tools were used in project:

• React - Main technology
• Redux - State container, helped write application to behave consistently
• Styled-components - Writing styles
• Storybook - Build UI components
• Formik - Open source form library for React, helped in write forms
• PropTypes - Checking for React props and similar objects

👷 Install

npm install

Installs the necessary application dependencies

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm run storybook

Runs the app in storybook.
Open http://localhost:9009 to view it in the browser.

npm run test

Launches the test runner in the interactive watch mode.

🎥 Live

https://eszczepan-todo-app.netlify.app