erikwithuhk/mister-softee-tracker-client

Live: https://mister-softee-tracker-client.herokuapp.com/

Iedereen in New York kent de jingle van de Mister Softee ijscowagens, hoewel het spotten van iemand kan voelen als het vinden van een eenhoorn. Deze app stelt mensen in staat om real-time locaties van Mister Softee trucks te zien en verzoeken te doen aan bestuurders, terwijl ook bestuurders in te loggen en te zien waar potentiële klanten zijn.,

deze repo is de client app die ik gebouwd heb met React en Redux. De Rails API die ik heb gebouwd om de gegevens voor deze app te verwerken is hier te vinden: https://github.com/erikwithuhk/mister-softee-tracker-api.

installatie-instructies

Clone de repository naar uw lokale machine, en voernpm install uit de map in de shell om de project afhankelijkheden te installeren.

gebruiksinstructies

voer npm start uit de map in de shell om de server in knooppunt te starten.,

User Flow

Uitgelogde gebruiker

wanneer een gebruiker voor het eerst bij de app aankomt en niet is aangemeld, doet de browser een verzoek om de locatie van de gebruiker, waarna de kaart opnieuw wordt gecentreerd om te laten zien waar de Mister Softee-vrachtwagenchauffeurs in hun omgeving zich bevinden.

om toegang te krijgen tot extra functies, moeten ze eerst een account aanmaken of inloggen.,

bij het aanmaken van een account heeft de gebruiker de optie om het selectievakje” Ik ben een Mister Softee truck driver ” te selecteren, waarmee een leveranciersaccount wordt aangemaakt, anders wordt het accounttype standaard klant.

ingelogde klant

wanneer een klant zich aanmeldt, worden ze doorgestuurd naar de kaart die de locaties van alle actieve Mister Softee vrachtwagenchauffeurs in hun omgeving weergeeft.,

wanneer de klant op een leverancier klikt/tikt, verschijnt er een overlay waardoor ze een verzoek tot bevriezing kunnen indienen. Dit verzoek laat de leverancier weten dat een klant wil dat ze op hun huidige locatie blijven.

zodra de klant het bevriezingsverzoek initieert, wordt het verzoek naar de leverancier verzonden en wordt een bericht aan de gebruiker weergegeven dat hen laat weten dat het verzoek aan de gang is.,

wanneer de leverancier reageert op het freeze-verzoek, wordt een bericht naar de gebruiker gestuurd om hen te laten weten of het verzoek is goedgekeurd of afgewezen.

ingelogde leverancier

wanneer een leverancier zich aanmeldt, worden deze doorgestuurd naar de kaart die de locaties van alle actieve klanten in hun gebied weergeeft.

als een leverancier wachtende bevriezingsverzoeken heeft, verschijnen deze in het tabblad Verzoeken met de mogelijkheid om het verzoek goed te keuren of af te wijzen.,

een bericht wordt weergegeven aan de leverancier wanneer er geen aanvragen in behandeling zijn.