code-institute-submissions / matthewpoyner-eat.drink.sleep

User Centric Frontend Development Milestone Project

eat.drink.sleep(repeat)

Overview

This site is for people who need help to find

UX

eat.drink.sleep(repeat) is a site designed to help users find where they can get something to eat, somewhere to get a coffee or alcoholic drink and lay their head down at the end of the day.
The site is designed to offer this information to the user in a helpful, user friendly manner.

User stories

I emmigrated to New Zealand in February 2019 from the UK
I was new to the city where I would now be living and did not know where anything was! I can use this site to easily locate somewhere to grab some food or drink or a place to stay.
Because of the city search I can also travel with confidence to other destinations, knowing that I can find what I need in other locations around the world too.

Other users worldwide can use this site to find the restaurants, cafes, bars or hotels in their chosen location.

Wireframe

To view wireframe click here

Features

Existing Features

Google Maps search to find the desired country and the city location

Google Maps Places library used to search the are in the viewport of the map to find and areturn a marker for the user selection of either restaurent, cafe, bar or hotel within the chosen city

Filter available to narrow down the returned search by entering a keyword for example, choose restaurent and add keyword "indian", or choose cafe and add keyword "starbucks"

Features for the future

In the future I would like to add user current location and a route planner elements to help the user easily get to their desination.

I would also like to expand the options available to the user, for example "petrol stations" or "dentists"

Technologies used

1. HTML
2. CSS
3. JavaScript
4. Bootstrap (4.3.1)
5. Google Maps API
6. Google Places API

Testing

My site has been tested using Google Chrome Developer tools to ensure that the screen changes behaviour on different screen resolutions.

Tested on the following browsers:

Google Chrome Mozilla Firefox Internet Explorer Safari

HTML and CSS has been validated using W3 HTML validator JavaScript has been validated using JSHint

Deployment

This site was developed with Visual Studio Code
It was committed to git and pushed to GitHub This site is hosted on GitHub pages, deployed from the master branch.

To see the deployed website click the link below

https://matthewpoyner.github.io/eat.drink.sleep/

To clone a copy of the code

1. Use this link
2. Click on Clone or download button
3. Select Open in Desktop
4. Use it in GitHub Desktop

Credits

Google Maps Platform documentation

Acknowledments

Thank you to my mentor for pushing me to be better and for offering me valuable feedback.
Thanks also to my fellow students on Slack for helpful advice.

This site is for educational use