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

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.