Interactive Frontend Development - Code Institute
This the website allows the user to find their favouire way of savour whiskey in Dublin.
The website gives the user the chance to choose between distillieries, bars and the Irish Whiskey Museum.
From the menu in the header it is possible to quickly access all the areas of the page.
It is possible to see where the locations are directly on the map.
A live demo can be found here.
My goal in the design was to easily allow the user to select an option and find it on the map.
- I want to do a tour in one of the distilleries, where can I find them?
- I just want to chill for a while in a pub savouring whiskey, what are my best options?
- Where is the Irish Wiskey Museum?
- HTML
- The project uses HTML to insert text links and images.
- CSS
- The project uses CSS to style the page content.
- BOOTSTRAP
- The project uses Bootstrap to simplify styling and responsiveness.
- FONT AWESOME
- The project uses Font Awesome to easily insert icons.
- JAVASCRIPT
- The project uses JavaScript to allow interactiveness in the webpage.
- GOOGLE MAPS API
- The project uses Google Maps API to allow the use of a map.
This pages uses filters in order to select the favourite "tour" on the map.
In the future, I would like to implement a more detailed tour with possibly a walking tour.
The page has been tested manually multiple times in order to ensure responsiveness, functionality and compability.
The website has been deployed using Gitpod and it has been regularilly pushed on GitHub
To run locally, you can clone this repository directly into the editor of your choice by pasting git clone https://github.com/cipsim/Milestone-2-JS.git
into your terminal. To cut ties with this GitHub repository, type git remote rm origin
into the terminal.
- The images used in this site are obtained from Flickr.
- To implement filters on the map used in the website I retrieved the instructions from Stack Overflow