Gitlab dashboard

Screenshots

a dashboard page with 2 graphs at the bottom showing the mean duration of a MR and the number of MR by week. At the top left, 3 cards display this metrics for the current with the evolution compare to the previous one. — The overview page with the key metrics and graph to follow our objectif on MR duration.

a list of MR duration represented as horizontal bar. Each is composed of 3 sections representing the duration between each of the specific events. — The details page showing all the MRs with some specific events of an MR lifetime.

Technical stack

NextJS with TypeScript as development framework.
Tailwind for styling.
Shadcn for UI components.
Rechart for charts components.
Luxon for Date helpers.
Gitlab API for Gitlab integration.
Prisma with SQLite for data persistence and optimization.