I got tired of Grafana on my phone, so I built a new mobile-friendly dashboard for Teslamate



This content originally appeared on DEV Community and was authored by yekk

Hey everyone,

So, I got my Model 3 last year and immediately fell in love with Teslamate. I set it up on a Raspberry Pi and was geeking out over all the data.

But, man, after the initial fun wore off, a few things became constant headaches:

  1. Using Grafana on my phone was just painful. Let’s be honest, they’re powerful on a big screen, but on mobile, the layout is clunky, the text is tiny, and it’s just a frustrating experience. It’s not optimized for a quick glance.
  2. Secure remote access was a time-sink. I first went down the rabbit hole of setting up reverse proxies, which meant I was constantly dealing with managing SSL certificates and making sure they didn’t expire. It was a low-level headache I didn’t want. I eventually found better tools like Cloudflare Tunnels and Tailscale, but they still required some manual work to integrate cleanly into the Teslamate Docker stack.
  3. And finally, cost tracking was a real chore. Teslamate’s single cost setting is way too basic. With different rates at home (peak/off-peak), work, and Superchargers, I found myself manually editing the cost for almost every single charging session just to keep my stats accurate.

I figured someone must have built a simple mobile UI for this, but I couldn’t find anything. So I decided to just build what I wanted myself.

After a few months of hacking on it in my spare time, here it is: mytesla.cc

Just to be 100% clear, this is not a Teslamate replacement. It’s just a dashboard. Your data stays yours, on your server, with your Teslamate instance. This thing just gives it a face that doesn’t suck on a phone.

My goal was to fix my own annoyances:

  • A UI that actually works on your phone. It’s a simple responsive site. You can open it, see your stats, and close it. No more fighting with charts.
  • Easier remote access. Instead of you having to manually configure everything, I’ve scripted and integrated Tailscale directly into the Teslamate stack. This makes it much simpler to get a secure, end-to-end encrypted connection up and running. Of course, you can still use your own methods like Cloudflare Tunnels if you prefer.
  • Cost tracking that’s actually useful. I wanted to see what my charges really cost, so I added options for different rates based on location and time-of-use (peak/off-peak).

Let’s talk security, because it’s important.

Look, I’m a privacy nut too. My service never sees or stores your car data. Period.

The way it works is that your browser talks directly to your Teslamate server over a secure tunnel that you control (like the one set up by Tailscale). My dashboard is just the pretty interface that runs in your browser. The data itself travels over that secure, end-to-end encrypted connection.

I figured I’d put it out there for any other Teslamate users who feel the same way. It’s a one-time thing for $9.9, and if you don’t like it, there’s a 5-day, no-questions-asked refund.

You can check it out here: https://mytesla.cc

Happy to answer any questions. Let me know what you think.

A little about me:

I’m a Senior Web Developer with over 10 years in full-stack and DevOps. I’m into Rock, cycling, and road trips.

Connect & Support:

#teslamate #tesla #Mytesla #model3


This content originally appeared on DEV Community and was authored by yekk