A Pomodoro app that offers its users project management capabilities, such as project creation and task creation, and full customisation of the timer settings.
- RoleUI Design / Developer
- StackNodeJS, ReactJs, ExpressJS
- Websitenucleuspomodoro.com/
- Repogithub.com/ric-ram/nucleus-pomodoro
Concept
The idea came to me when I was looking for a Pomodoro app. From my research, I found that most apps had only the timer and task placeholder. The timer customisation was always the same, offering little to no customisation options, and there was no way to manage all the tasks I had to do.
Later, I came across nesto.cc, which I often used. However, most features were or still are in development or offered only to paid users. So, I took it as inspiration and developed my own Pomodoro app with the features I believed would increase my productivity and that of others.
I started with the design of the app. I chose a simple design. However, I didn't want a typical digital clock. For that reason, I decided to add a circular progress bar around the digital clock to give it another visual effect.
Since it was my second time using Figma, I had many challenges, especially when designing the menus and their behaviours, as well as how to prototype my designs and make them closest to my idea.
Development
I chose ReactJs for my frontend as I've been learning it for a few months now and wanted to challenge myself by developing a reasonable-size project from scratch.
One of the challenges I faced was creating the circular progress bar. Thankfully, I came across a video on YouTube by Siphiwo Julayi that introduced me to a library that would help me develop and customise it.
In the backend, I used NodeJs and ExpressJS, as I already had some experience using them. There were fewer challenges. However, I still struggled to return all items after the home page finished loading for the first time after the user login. After I studied and researched more about promises, I managed to solve this issue and get the results I wanted.
I thought about developing the authentication process myself, but during my research, for this project, I came across Auth0. So, out of curiosity and since many big companies use it, I decided to use it. I saw it as an opportunity to learn another tool used in the industry and, at the same time, challenge myself by trying to implement something I've never seen before this very project.