A bedroom with an alarm clock on a table - 'Time Card' logo is displayed
Planning for the week ahead.

Time Card

Time Card is a React-based single-page application that lets users calculate their weekly working hours. The app utilises React's Context API, and CSS Grid.

Working nine to five...

I had been freelancing and contracting at the time, but I was struggling to find a good tool online to help visualise how many hours I was working in a week.

I also wanted to try and learn a bit more about React and how it comes together, as I had issues with fully understanding state in the past - namely because passing it through components endlessly seemed counter-intuative. Redux was an option to help manage this state better, but I opted to look at React's Context API in the end. The aim for this was to create something clean, but functional.