maijako / focus-pilot

A repository to hold the code for Focus Pilot - a work timer and planner with customizable features that aid productivity while keeping the user organized

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Focus Pilot

Description

This is a code for Focus Pilot - a productivity app that builds on the concept of Pomodoro Technique to help increase focus and let user stay organized and up-to-date in activities that are important to them.

The app features a simple responsive design, different screens and interactive controls that allow the user to set a customizable Pomodoro timer, add personal tasks to the list of activities that will persist through the refreshing of the page, play focus music during work blocks, and follow the built-in guided meditation activities during break times. The music and the rotating background images promote focus and productivity, and the toggle-able weather and news panels keep the user up-to-date on a need-to-know basis.

Features

  • Toggle-able side panels containing user controls and a recent news display
  • Weather display tied to the user's geolocation
  • A customizable timer that allows the user to:
    • set the length of work and break time blocks
    • start, pause or restart timer as needed
    • set time block transition preference from automatic to manual
    • stop and re-set the timer as needed
  • A customizable 'to-do' list accessible at all times
  • A playlist of focus music available on demand
  • Alternating background images to match the mood of focus work
  • A pop up that nudges the user towards the selectable Pomodoro breaktime activities - meditation or catching up on news
  • Guided meditation options that feature a relaxing background and a simple UI

Technologies used

Usage

The app can be used by anyone working on a task that requires a dedicated period of prolonged concentration and effort.

Demo

Desktop UI:

Desktop Demo Gif

Mobile UI:

Mobile Demo Gif

Credits

The app was built by a project team during Trilogy Education Front End Web Development bootcamp, sponsored by the Skills For Life program.

The development team are:

The meditation audio files were taken from the UCLA Health website.

All the icons used in the meditation feature of the application was taken from the Icons8 website.

The background weather display images were taken from Freepik website.

Licence

This code uses MIT License.

About

A repository to hold the code for Focus Pilot - a work timer and planner with customizable features that aid productivity while keeping the user organized

License:MIT License


Languages

Language:HTML 43.0%Language:JavaScript 40.4%Language:CSS 16.6%