Pomodoro
By
@KevinW
- 5 Devlogs
- 13 Total hours
I am building a pomodoro timer used to track your focus time.
Ship #1
Pending review
I made a Pomodoro timer inspired by the classic pomodoro techniques and the timeless addictive loops of idle games. I am very proud of sticking with my goal until the very end as it was an incredibly rewarding experience. However, I faced many challenged and I had to learn so much throughout this experience considering that I am new to software development. I used W3SCHOOLS to help me use key concepts that would help me make this webpage possible as well as youtube tutorials online giving me clear and simple explanations.
After countless of trials and errors in my latest development, I integrated many new features to the webpage. I had to learn a lot of JavaScript concepts I was unfamiliar with like duplicate declarations and global scope access but in the end I pushed through. I introduced a secret little bottom left prompt. When clicked, it brings you to a little cookie clicker game so you can slack off. Most of the other new things added were just minor improvements like adding an animated gradient background with flickering stars.
I am currently testing out different algorithms and laying down the javascript logic for my project as I am rather new to javascript. I worked on creating functions, loops, and conditional statements to further enhance my webpage. Next session, I plan to implement and use this knowledge in my current webpage
I finally finished the CSS, in the middle of the project I encountered an error that stumped me for a long time, my entire webpage kept showing a blank white screen but in the end I was able to identify the problem and fix it. After adjusting some margins padding, I used complimentary to not overwhelm users, I also tried to be as minimal as possible.
After a bit of tweaking, I was able to complete the structure for my pomodoro webpage. I had to watch many tutorials and go through articles to figure out the right classes to use. I was able to correctly format the layout as well as making the buttons clickable. I kept forgetting to add closing tags which was frustrating because it messed up some of my code. Next, I plan on using CSS to polish this page to make it look neat and organized!
I practiced building the core structure of my pomodoro timer using HTML, I worked with standard layout tags like and also text inputs and buttons. I also created a separate file to practice and experiment with different tags and functions. Next, I want to build the real skeleton for my webpage.
