Completing my Pomodoro Timer Project
I completed my second project in React last Friday after about 12 hours of development in the course of 5 days. The Pomodoro timer is the second of the four advanced front end certification projects in Free Code Camp's program. I'm getting more excited as I near the end of this particular challenge. The live version of my Pomodoro timer can be found here and the code can be found on Github.
I decided to build this project in React to help solidify my fledgling knowledge in the framework, and because I thought that the use of state and reusable components would be helpful in the project. Both turned out to be true. I feel like I have a much more sold grasp on React now, although I know there is much more to learn and complex things to build. I dove into lifecycles quite a bit more in this project: such as determining when the timer lengths were changed so the countdown component could update, and checking to see if one of the timers had completed so the next one could start. Being able to reuse the counter component for both the session and the break times was great. I really enjoyed only coding it once and adding one small line of code to set which state each one altered.
It was exciting to complete this project quickly and not needing to reference external resources as often. Whereas, other projects have had me constantly referencing 10+ tabs trying to grasp how to complete something, this one developed fluidly. The next project on the docket list is a Tic Tac Toe game where the user plays against a computer. I have a rough idea of how to structure the game and input, but am currently lost on how to develop the computer. I still have a bit more to contemplate before I decide how I want to build out the app and whether I will be using React again or Vanilla JS. I know that this project will definitely take longer than 5 days to complete. I'm hoping to have most of the app except for the computer player complete this week.