Priorizer App

Application for priorizing daily tasks by using Eisenhower Matrix made with React

✨ Demo

Motivation

This is my little toy program for tinkering with React and trying out all kind of different concepts and libraries in the ever changing frontend world. I wanted to make something different than a typical Todo-list, so I created a just a little bit different Todo-list, the Eisenhower Matrix. You can read more about it from here or here.

Technical details

Here is the list of concepts and libraries that I have used and what I'm about to test here someday.

Used libraries and concepts

• React
• Template (create-react-app)
• Drag and Drop (react-beautiful-dnd)
• Icons (feather)
• Animations (transition-group)
• Local Storage saving

Still work in progress

• Transition to TypeScript
• Transition to css-in-js (Styled Components)
• Tests with Jest
• Overall UI overhaul
• Every px values to em/rem
• Better responsiveness (mobile first)

Might add someday

• More permanent storage than browser's local storage (for example with FileSystem API or some Cloud storage integration)
• Smoother and better animations
• Better accessibility (for example keyboard support)
• Optimizations here and there
• Overall code structure improvements
• PWA functionalities

Usage

• Option 1. Use it straight from the website (tasks are saved only to your browser's local storage)
• Option 2. Use and run it locally

  • git clone https://github.com/attuo/priorizer.git
    yarn/npm install
    yarn/npm start

License

This project is MIT licensed - So feel free to use it anyway you like.