Productivity Focus App – A Streamlined Dashboard Tool

Apr 18, 2021

keyword-counter-hero

Why I created a productivity focus app

In keeping with my love of all things productivity-related, I decided to make my own version of the popular Momentum Chrome extension. I really love the look of this app, but there were a couple of things that it didn’t have that I wanted (like having the current date in the time display and being able to reset the background image on-demand).

I decided to add these features to my productivity focus app so it would perfectly suit my needs.

How it works

The productivity focus app puts everything you need to get things done right at your fingertips.

In the main section of the productivity focus app, you can view the local date and time and customize the greeting with your name. This greeting will change depending on the time of day. You can also set a main focus goal for the day.

In the weather section, you can set your location at the top right by clicking on “Set weather.” After setting your location, your local weather will display. I used the Open Weather API to retrieve weather data.

In the bottom right corner, there is a todo list where you can add new tasks. When you check an item off your todo list, there’s a small celebration!

At the bottom left, you can view the image credit for the current image being displayed in the background. I used the Unsplash API to retrieve attractive landscape images. If you click on the “gear” icon in this section, a popup appears where you can change the image.

Finally if you click on the About the Developer section, you can get quick access to my website and my social media profiles. Reach out and let me know what you think–I’d love to hear from you!

You can view the code on GitHub or view the app below.

Never miss a post!
Subscribe to the blog and get updates every two weeks!