Skip to main content

Top level navigation menu

A drawn image of Fredrik Bergqvist in a blue shirt

Time Report Management

I was approached by the economy team at MAG to improve the time report system. The system we had in place was rather rudimentary, and the team wanted to be able to see more data and have more control over the data they saw and exported to other systems.

I set up a Next.js application that would let our employees easily add their time reports, and use previously reported months as a template for the new month. The economy team can see who has reported their time and who hasn't, and they also have an easy way to export the data to a CSV-file, with added data taken from our HR system, which holds all employee data.

toplist.png

Later on, I also added a top list of the employees that reported in time (before the end of the month), to get a little friendly competition going. I do work at a game company after all.

Spread of time reports

I've also added an overview of how the employee has reported in the past with a little bouncy animation added to the mix.

Tech stack

Web

  • Next.js
  • TypeScript
  • Sass in css-modules

Hosting

  • GitHub Actions
  • Google Cloud Run
  • Docker

Integrations

  • Google IAP for authenticating users
  • BoB API for fetching employee data

This site is built with Eleventy and hosted on Vercel.

Icons are from Flaticon.

Web components from Nidhugg Web components

Performance stats can be found here: Speedlify