The One Thing App

Build Setup

Install the dependencies:

npm install

Run the project:

npm run start

Overview

Philosophy behind The ONE Thing:
The most successful people are also the most productive.

Inspired by The ONE Thing Book by Gary W. Keller and Jay Papasan

The One Thing is based on a simple and configurable Pomodoro Timer. It aims to provide user-friendly visuals and a reliable way to track productivity using the Pomodoro Technique.
Click here for live preview.

User Guide

1. START the App’s timer, when you decide to work on one of your Daily Tasks.
2. WORK on the task until the Pomodoro Timer chimes.
3. Take a SHORT BREAK.
4. After 3 Pomodoros, STOP and THINK about your Focus Question, then take a LONG BREAK.

Features

• Set a Focus Question
• Set the Focus Time, Short Break, Long Break
• Start, Pause, Restart the Timer
• Circular Countdown Timer updates every minute
• Customize the appearance: change the colors and font (in-progress)
• Notifications during the Focus and Break time (in-progress)
• Improved UX with giphy rest API (in-progress)

Development

This project was bootstrapped with Create React App.

Tools Used

• React Hooks
• react-countdown-circle-timer
• react-icons/fa