Skip to content

Latest commit

 

History

History
49 lines (38 loc) · 2.28 KB

README.md

File metadata and controls

49 lines (38 loc) · 2.28 KB
Raw

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

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.