Inspiration

A focus app we use often

What it does

User can input the number of minutes they want to stay focused for. The timer shows the remaining time for focus. An inspirational quote in the middle changes every minute to keep the user motivated Whenever user wants to relax and take a short break, they can hold on the button placed on the bottom to inhale and exhale in consistent pace

How we built it

We first ideated the program and drew the overall outline of the program. Then, we started with HTML, Javascript for the actual function of the program. We were also googling some codes for the function that we were not familiar with. Finally, we added CSS to ensure visuality.

Challenges we ran into

It was difficult to make a timer and a button that changes in size

Accomplishments that we're proud of

We are proud that we learned new javascript codes to make something practical like a timer

What we learned

how to make a timer, a button that changes in size based on different user inputs

What's next for Meditation / Focus Timer

We were thinking of incorporating a todo list and a calendar and possibly a notes page to boost user productivity.

Built With

Share this project:

Updates

Submission history