Hosted on Vercel.
Database hosted on Firebase, using realtime database solution.
Made with Figma
Node: addional shades of some colors were used for contrast.
Some slight differences from design documents can be seen, however good amount of consistency between what was planned and what was done.
Changes from design version: some slight adjustments to fonts etc., different system for deletion of entries.
Changes from design version: smaller entries, can display bigger number on screen. Different deletion system.
Fonts paired using AI-driven tool.
Color palette roughtly selected using AI-driven tool. Additional refinement by hand.
Desktop results are good. Performance results are adequate (given realiance on realtime database updates for rendering) even on simulated throttled connection. No data is stored locally, so first load will be expected to be slower, but the desktop version of the site handles it rather well.
Mobile results are considerably worse. The first load takes much longer, due to the aforementioned Firebase database. This could perhaps be improved by choosing some other hosting solution (the free tier of hosting is limited in some ways) or exploring some other design choices that don't involve relying too much on a remote database not under our control. Additionally, the layout shift is rather high, likely due to the detection and switching to mobile mode.
Overall accessability could be improved on both versions, but for such a specialised niche tool, this results can be considered adequate.