Tech · Spec · Installation · Running locally
An app to plot a pub crawl whilst taking in the sights along the way!
The website has been fully deployed and can can be viewed via this link
The backend has been deployed using AWS Lambda: Link to Repo
In terminal (Mac), run:
cd tipsy_tourist
npm install
Create a .env.local file in the root of the directory and add in this code:
REACT_APP_GOOGLE_MAPS_API_KEY= "<YOUR-API-KEY>
cd tipsy_tourist
npm run build
serve -s build
Open http://localhost:3000 to view the app in your browser.
Tipsy Toursit has a single page with 4 main components (map, search form, itinerary, location details). When you first land on the website you will see the map component which fills the screen and a button to open up the search form which provides many options for the user to tailor their requirements. Once the user has provided a start-point, end-point, number of pubs/attractions and clicked the search button the route will be displayed.
The user can minimise the search form and view the route full screen.
The user can click a button which opens up a side drawer containing the route itinerary.
The user can click on any of the locations in the itinerary to find out more details.
The UX has been designed so that it will work well both on mobile devices as well as computer screens:
