Tasky is a simple flow diagram task management system heavily inspired by TwigTask. It allows you to create tasks, link them up with other tasks as dependencies and dependents, and easily see which tasks are unblocked and can be completed next.
It does this with a flow diagram system where you can connect from one task to another by dragging and dropping. The task canvas supports seamless panning and zooming, and adding a new task is as simple as clicking on the canvas and typing in the name of your task.
It also allows you to separate your tasks into different flows, and tasks can appear on multiple flows at the same time.
Finally, it automatically persists the current flow into your browser's localStorage, supports JSON import and export, and will eventually support online persistence through Firebase.
Tasky is a client-side only app, which means you can import and run this code using this Codesandbox link.
Otherwise, clone the repo, and then run the following to start development mode:
yarn
yarn startI specifically built Tasky to play around with a few tools that I've never used before. Specifically:
- Chakra UI - a Theme-UI compatible component library
- Parcel 2 - a fast and helpful bundler
- Recoil - a graph-based state manager for React
Tasky also uses a few more tools and libraries:
- Emotion - CSS-in-JS styling
- Downshift - Easy dropdowns and selects
- Match Sorter - Filtering and sorting made easy
- React - Component-based user interface library
- React Beautiful DnD - Drag and drop for reordering flows
- React Easy PanZoom - Powerful and easy panning and zooming
- React Use Gesture - React hooks for user gestures