Focus flow  banner

Focus flow

5 devlogs
2h 44m 36s

this is a time tracker website that helps you keep up with your goals

This project uses AI

i use ai to help me debug issues

Demo Repository

Loading README...

djacksonlad

Shipped this project!

i built a website to help me keep up with time i personally plan to use it to help me with devlog so i can set the goal for an hour and see how i do after an hour. the project was to test my speed and i leart that DOM does not update automatically—so we most manually re-render after state changes. It can also help stay awake because seeing one more hour to go is way more encouraging than seeing noting or seeing 1 out of 2 hours

djacksonlad

i just finished some of the final touches, i organized the ui and created a Streak tracker feature which was inspired by hackatime. i as fix an issue where by the text in the goals space where leaving there boundaries. so basically am done and ready to ship bye😌

Attachment
0
djacksonlad

i have now added the task bar where you put your plan for the count down i and i is functional the errow that i faced when coding this was that i forgot to call renderTasks() after adding a task. so i added “renderTasks();”. this tough me that the DOM does not update automatically—so we most manually re-render after state changes.

0
djacksonlad

i have created an input field so users can now change the time to thier preferred count down and i also created to code to this so it actually works.The defaultTime wasnt which made the reset not work properly so i fixed reset logic to use updated values

0
djacksonlad

i have implemented the timer logic using setInterval and i also made the start, pause and reset button to start functioning with the set Interval and clear interval

0
djacksonlad

i have build the basic ui layout of the website, i have also put in the start, stop and reset buttons although there inactive at the moment. i also gave it a bit of design so it looks good

Attachment
0