Simple task management application built with React.js.
The application is built using the following technologies:
- React.js
- Redux (via the official React binding for Redux)
- Redux Persist (to persist the application state using local storage)
- Material UI (UI framework)
- React Router (to navigate when showing task details in edit mode)
- uuid (to fake task IDs)
- Moment.js (to handle task due dates)
- Jest (to test components)
- React Testing Library (to test components)
You need Node.js installed on your machine to run the application. After installing it, open the application on terminal or command prompt and run the following commands:
npm install
npm run start
Navigate to http://localhost:3000 to see the application.
To run tests, run the command npm run test. There are tests for the main features of the application.
Main view
Add task dialog
Edit task dialog
Delete task dialog
The application renders a Kanban structure with three columns: To Do, Doing, and Done. You can add tasks to each columns. You can also visualize and edit tasks by clicking in the task name or description. You can also delete tasks from each column.
In future versions, it will be possible to drag and drop tasks between columns.