TMStats

TMStats

Your ultimate Trackmania medal dashboard. Compare with friends and climb the ranks by playing Campaigns, Track of the days, Shorts, or Grands.

Meldiron/tmstats https://tmstats.almostapps.eu/
TMStats Thumbnail
Svelte SvelteKit Tailwind CSS Appwrite TypeScript

Minimal case study!

This is a small project made in a couple of days, and it only contains screenshots instead of a detailed case study. Some screenshots have captions to capture my thoughts and intentions when developing those parts of the application.

A homepage with quick links to sign in, visit the profile of the signed-in user, and, most importantly, a leaderboard of all players. The leaderboard supports pagination and will support searching as it grows.
A homepage with quick links to sign in, visit the profile of the signed-in user, and, most importantly, a leaderboard of all players. The leaderboard supports pagination and will support searching as it grows.
The homepage footer consists of a search interface to find yourself, your favorite players, or discover new profiles. The minimal UI keeps the focus on reaching the stats as quickly as possible.
The homepage footer consists of a search interface to find yourself, your favorite players, or discover new profiles. The minimal UI keeps the focus on reaching the stats as quickly as possible.
The heart of the app, a profile overview presenting all earned medals in an intuitive grid layout. The grid starts with a gamification feature, showing your rank and progress toward the next one. Then we see a quick summary of all completed maps, and afterwards, a breakdown of statistics for every style of the track. Below is a nice visual representation of overall progress across all categories.
The heart of the app, a profile overview presenting all earned medals in an intuitive grid layout. The grid starts with a gamification feature, showing your rank and progress toward the next one. Then we see a quick summary of all completed maps, and afterwards, a breakdown of statistics for every style of the track. Below is a nice visual representation of overall progress across all categories.
Below is a basic overview of a gamification section highlighting all the almost-finished categories you can complete in your next gaming session. These extra layers of achievement give players an easy way to jump back into the game with a mission.
Below is a basic overview of a gamification section highlighting all the almost-finished categories you can complete in your next gaming session. These extra layers of achievement give players an easy way to jump back into the game with a mission.
Campaign medals breakdown, showing progress through all official Trackmania campaigns, each consisting of 25 maps and 4 possible medals for each. Campaigns are visualized in a compact calendar view, so almost all maps fit on a single screen.
Campaign medals breakdown, showing progress through all official Trackmania campaigns, each consisting of 25 maps and 4 possible medals for each. Campaigns are visualized in a compact calendar view, so almost all maps fit on a single screen.
Track of the Day medal breakdown, similar to campaign, but in an accurate calendar view. It is important to mention that this tracker, as well as all others, auto-updates when new maps are added, so there is no maintenance to be done manually.
Track of the Day medal breakdown, similar to campaign, but in an accurate calendar view. It is important to mention that this tracker, as well as all others, auto-updates when new maps are added, so there is no maintenance to be done manually.
Weekly Shorts medal breakdown, very similar to campaign, but consisting of only 5 maps. Those are very easy to complete with the best medal and serve as a starting point for beginner players.
Weekly Shorts medal breakdown, very similar to campaign, but consisting of only 5 maps. Those are very easy to complete with the best medal and serve as a starting point for beginner players.
Finally, weekly grand medal breakdown. A single map every week focused on endurance and quick reactions to dynamic environments.
Finally, weekly grand medal breakdown. A single map every week focused on endurance and quick reactions to dynamic environments.