Simple React app to track time

Idea

After I had a grasp at React and Redux I thought “that would be a great side project!”. And after spending around 48 hours I can say it was worth it! I learned and once more repeated a lot of things. Here goes a brief description of my work process. And you can try the app here. It works without any backend (that’s intentional). So everything is stored in your browser. Hence, if you change devices/browsers the tasks won’t be there.

Work Process

So came the Redux. At first I went with updating total time when the task added or edited. But when the task is edited hours and minutes can be both added or subtracted. So the logic became too complicated, meaning there was something wrong with this approach. Next attempt was to just sum all of the hours and minutes of every task on task add/edit and subtract that value from the total time. This time my code was much cleaner.

Also there were couple moments when I was like “oh, fck, I also need to %edit/add new feature%”. But that taught me to think a little deeper (but not too deep) about a feature I’m about to implement.

TL:DR

It’s okay to think “I might need a library/plugin/technology X” (in my case Redux) but try to work it out without that. And add that library later when you sure your code/logic get’s too complicated.

Try to think about a feature you’re about to implement a little bit longer, give it some time. Maybe you’ll see things you didn’t notice at first.

Thank you for reading! If you’ve tried this little app and it was helpful — I’m really glad (and proud 🐺). If you’ve noticed any issues or bugs, please submit them on the project’s page. If you want to see any features.. well, submit them too but I can’t promise I’ll implement them.

переводчик-любитель | трачу два часа своего времени, чтобы тебе было чем заняться в течение пяти минут