Live: https://mister-softee-tracker-client.herokuapp.com/
Jeder in New York weiß, das klirren der Mister Softee Eis Creme LKW, obwohl spotting kann man fühlen, wie die Suche nach einem Einhorn. Mit dieser App können Benutzer Echtzeit-Standorte von Mister Softee Trucks anzeigen und Anfragen an Fahrer stellen, während sich Fahrer anmelden und sehen können, wo sich potenzielle Kunden befinden.,
Dieses Repo ist die Client-App, die ich mit React und Redux erstellt habe. Die Rails-API, die ich für die Verarbeitung der Daten für diese App erstellt habe, befindet sich hier: https://github.com/erikwithuhk/mister-softee-tracker-api.
Installationsanweisungen
Klonen Sie das Repository auf Ihren lokalen Computer und führen Sie npm install aus dem Verzeichnis in der Shell aus, um die Projektabhängigkeiten zu installieren.
Gebrauchsanweisung
Führen Sie npm start aus dem Verzeichnis in der Shell aus, um den Server im Knoten zu starten.,
Benutzerfluss
Abgemeldeter Benutzer
Wenn ein Benutzer zum ersten Mal in der App ankommt und nicht angemeldet ist, fordert der Browser den Standort des Benutzers an und zentriert die Karte erneut, um anzuzeigen, wo sich die Mister Softee-LKW-Fahrer in ihrer Region befinden.
Um auf zusätzliche Funktionen zugreifen zu können, müssen sie zuerst ein Konto erstellen oder sich anmelden.,
Beim Erstellen eines Kontos hat der Benutzer die Möglichkeit, das Kontrollkästchen“ Ich bin ein Mister Softee truck driver “ auszuwählen, mit dem ein Anbieterkonto erstellt wird, andernfalls wird der Kontotyp standardmäßig Kunde.
Angemeldeter Kunde
Wenn sich ein Kunde anmeldet, wird er auf die Karte umgeleitet, auf der die Standorte aller aktiven Mister Softee-LKW-Fahrer in seinem Gebiet angezeigt werden.,
Wenn der Kunde auf einen Anbieter klickt/tippt, wird ein Overlay angezeigt, mit dem er eine Freeze-Anforderung stellen kann. Diese Anforderung teilt dem Anbieter mit, dass ein Kunde möchte, dass er an seinem aktuellen Standort bleibt.
Sobald der Kunde die Freeze-Anforderung initiiert, wird die Anforderung an den Anbieter gesendet und dem Benutzer wird eine Nachricht angezeigt, die ihn darüber informiert, dass die Anforderung ausgeführt wird.,
Wenn der Anbieter auf die Freeze-Anforderung antwortet, wird eine Nachricht an den Benutzer gesendet, die ihn darüber informiert, ob die Anforderung genehmigt oder abgelehnt wurde.
Angemeldeter Anbieter
Wenn sich ein Anbieter anmeldet, wird er auf die Karte umgeleitet, auf der die Standorte aller aktiven Kunden in seinem Bereich angezeigt werden.
Wenn ein Anbieter ausstehende Freeze-Anforderungen hat, werden diese auf der Registerkarte Requests mit der Möglichkeit angezeigt, die Anforderung zu genehmigen oder abzulehnen.,
Dem Anbieter wird eine Meldung angezeigt, wenn keine ausstehenden Anfragen vorliegen.
Schreibe einen Kommentar