https://github.com/avidrucker/pwa-autofocus-app

progressive web app implementing the autofocus task management algorithm
https://github.com/avidrucker/pwa-autofocus-app

minimalist productivity pwa spa todo-app

Last synced: about 2 months ago
JSON representation

progressive web app implementing the autofocus task management algorithm

• Host: GitHub
• URL: https://github.com/avidrucker/pwa-autofocus-app
• Owner: avidrucker
• Created: 2023-10-19T15:33:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-08T16:18:54.000Z (about 1 year ago)
• Last Synced: 2024-10-31T05:25:31.822Z (3 months ago)
• Topics: minimalist, productivity, pwa, spa, todo-app
• Language: JavaScript
• Homepage: https://avidrucker.github.io/pwa-autofocus-app/
• Size: 4.24 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PWA AutoFocus App

You can try this app out by visiting https://avidrucker.github.io/pwa-autofocus-app/

![AutoFocus screenshot](autofocus_screenshot.png)

## About AutoFocus

AutoFocus is the name of an algorithm used for improving one's focus and productivity. It was designed by Mark Forster, and you can read more about Mark and AutoFocus [here](http://markforster.squarespace.com/blog/2021/11/16/the-final-version-perfected-fvp-instructions-reposted.html).

Here is a flow chart diagram that describes what one can do with an AutoFocus list at any time: [AutoFocus flow chart diagram gist](https://gist.github.com/avidrucker/0c937921ec94d9ac4e208b26d3917020)

This app was carefully crafted to adhere as closely as possible to AutoFocus principles, while adding some digital conveniences (saving, loading, etc..) You can add new items to the list, prioritize the list, and take action on the list. Crossing off items as well as copying items is also supported.

## App Features

- Dark and light modes

- SVG Icons (Font Awesome 4)

- Sharable lists via browser link

- Export to JSON, import from JSON

- Import from raw text

- Session data via local storage

- List conflict resolution

- Keyboard accessibility

## Available Scripts

In the project directory, you can run:

- `npm start`: Runs the app locally

- `npm test`: Runs the test suites

- `npm run build`: Creates a hostable production build of AutoFocus

## Tech Stack

- ReactJS library and [Create React App](https://github.com/facebook/create-react-app) starter template

- [Tachyons](https://tachyons.io/) utility CSS library

- JavaScript

- React Testing Library and Jest for testing

- Font Awesome 4 SVG icons

- Some elbow grease