TMStats: Trackmania Tracker
Tags: appwritehack, opensource, webdev, javascript
Published: 2022-05-03 16:23:19

### Overview of My Submission

Live Version: [www.tmstats.eu](tmstats.eu)

[Trackmania](https://www.trackmania.com/) is a racing game loved by dozen of thousands of active players. The game is full of minute-long racing tracks where people compete against medal times, author time, or even against each other. It comes with 25 professionally made tracks every three months, alongside one community-made track every day. I like the game because it feels rewarding no matter your skill level 😌 While professional players try to have the best time on the map fighting for 0.001 second difference, you and your friends can try to get silver medals on all maps.

Trackmania has numerous apps for players that make the game even more enjoyable, such as [Trackmania.io matchmaking ranks](https://trackmania.io/), [Trackmania Exchange Leaderboards](https://trackmania.exchange/) or [Author Medal Tracker](https://www.author-tracker.com/).

**✨ With all of these community-made projects around Trackmania, I decided to make my own! ✨**

Presenting... [TMStats](www.tmstats.eu)!

{% embed https://www.tmstats.eu/ %}

TMStats is a medal tracker website that allows you to sync your Trackmania medals with a TMStats profile. Alongside the informative map detail modal, TMStats comes with a yearly medal view that really makes you appreciate the time you spent playing the game. Another cool feature I implemented is background map analytics that compares all available information to make an informed guess on the map difficulty, allowing you to focus on a difficulty that you enjoy the most 🔥 Last but not least, TMStats holds a private leaderboard of all profiles submitted to TMStats to allow you to compare against your friends, or world, easily.

TMStats is nowhere near done! Within the first week after publishing the project, thousands of accounts were created, and people started actively using the website. Based on the feedback I received, I will be adding many more features, such as achievements, daily quests, and profile decorations. Wish me good luck! 🤞

Project Repository: [https://github.com/meldiron/tmstats](https://github.com/meldiron/tmstats)

### Submission Category:

🧙 Web2 Wizards

### Link to Code

{% embed https://github.com/meldiron/tmstats %}

### Additional Resources / Info

I enjoyed Hackathon **A LOT**, but I am an Appwrite maintainer, and it would not be fair if I competed for winnings. So I will not 😇 I submitted a project to share the project I am proud of, get participation rewards (shiny Dev badge), and show the community what Appwrite can be used for! 💪

**Tech Stack:**

- 🔥 [Appwrite](https://appwrite.io/) 🔥
- [Svelte](https://svelte.dev/) & [Svelte Kit](https://kit.svelte.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [Deno](https://deno.land/) (in Appwrite Functions)
- [Svelte Heatmap](https://github.com/scottbedard/svelte-heatmap) (Svelte plugin)

**Collaborators:**

- [Benko](https://dev.to/benji47); Huge help with API discovery statistic formulas and testing

**Screenshots:**

- User Profile
![User Profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mq1rouctjztvoh6nhzgb.png)

- Map Details
![Map Details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cjf7y22342z38eztyc6k.png)

- Homepage
![Homepage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/we4dxoyvx9xwfu0uvitf.png)