Tankstellenfinder als Web-Anwendung (2019 / Redesign 2020)
TankFuchs ist eine Web-App, die ein alltägliches Problem lösen soll: Die Suche nach der günstigsten Tankstelle in der Umgebung.
In Anlehnung an das vorherige Projekt: Die TankFuchs App.
Die TankFuchs-Web-App bietet eine einfache Suche, die auf Basis der Standort-Ortung oder einer Adress-Eingabe, der zu suchenden Spritsorte sowie des Suchradius die Tankstellen in der Nähe findet.
Die gefundenen Tankstellen werden als Liste dargestellt, aufsteigend sortiert nach dem Preis. Man erkennt daher gleich die günstigste Tankstelle. Neben der Listenansicht befindet sich eine Karte, die dem Nutzer Orientierung und die Möglichkeit bietet, sich zu einer Tankstelle navigieren zu lassen.
Möchte man weitere Details zu einer Tankstelle erhalten, klickt man einfach auf die Tankstelle. Dadurch gelangt man auf eine Übersichtsseite, die unter anderem die Adresse, Öffnungszeiten und sämtliche Preise enthält.
Der Nutzer hat dazu die Möglichkeit, seine beliebtesten Tankstellen zu favorisieren. Auf diese Weise können die Tankstellen schneller aufgerufen werden, auch ohne vorherige Suche.
Die in der App angegebenen Benzinpreise entstammen der Tankerkönig-API (www.tankerkoenig.de) und stehen unter der Creative-Commons-Lizenz CC BY 4.0. Diese erhalten die Preise von der Markttransparenzstelle für Kraftstoffe (MTS-K), welche die Preisänderungen direkt von den Mineralölkonzernen und Tankstellenbetreibern erhält.
Die Basis der Web-Version des TankFuchs ist Googles Javascript-Webframework Angular. Die Web-App ist für alle modernen Browser ausgelegt und selbstversändlich responsiv.
Die Sucheingaben können und favorisierte Tankstellen werden in Form eines Cookies gespeichert werden. Somit müssen Daten nicht erneut eingegeben werden, wenn der Nutzer dies wünscht.
Tankstellen in der Umgebung findenNeben der TankFuchs Web-App habe ich eine weitere Seite über die Preisverläufe bestimmter Tankstellen erstellt. Auf dieser kann man sich unter anderem aktuelle Preise, Tagesdurchschnitte und -verläufe sowie Durchschnittspreise der Wochentagen anschauen.
Statistiken über Preisverläufe ansehen
