This is a front-end website for 'Cottage Tea Rooms' cafe, which is a lovely, historic irish cafe in Old Firhouse Village.
In the website there is information about the cafe itself, options to book a table,
contact the cafe directly, information about their working hours and their menu/prices.
This website was created as a project for Code Institute.
To view the live site, press HERE.
The website was built for the customers of the 'Cottage Tea Rooms' for an easy reach of basic information about the cafe and book a table online. These user stories were made durring planning stage and were used in creating different features for the website:
- As a customer, I want to check the cafe's menu, so that I'd know it suits my taste.
- As a customer, I want to book a table online, so I'd be sure I won't need to wait for one.
- As a customer, I want to find working hours of the cafe, so I could plan my time.
- As a customer, I want to read reviews of the cafe for credibility.
Also, in the planning stage, I created these wireframes. Although, the design and some features changed over the development process.
These are some of the features implemented for this website:
- Navigation bar - helps customers navigate through the page with links to different sections of the website. Also, has a logo with a link to the home page.
- Embedded video - shows a short clip from YouTube about the place around 'Cottage Tea Rooms'.
- Embedded audio files - emerses customers into 'Cottage Tea Rooms' atmosphere by showcasing examples of the music played there.
- 'Book a table' form - allows customers to book a table in the cafe from the comfort of their home.
- Menu - showcases the menu options for food and beverages, as well as prices.
- Google Maps location - interactive way to check the location connecting to Google Maps. Possibilities to check directions and time needed to arrive at their destination.
- Working Hours - shows the working hours of the cafe.
- Social links - Links to connect and follow the cafe on social media.
- HTML and CSS
Base languages used to create the website. - Bootstrap 3.3.7
Used for styling and layout of the page. - Javascript and jQuery
Languages used with a help of Bootstrap empowering the collapsed menu button.
- The document was validated with an HTML validator
- The css was validated with CSS Lint
- Site tested on these browsers:
- Google Chrome
- Internet Explorer
- Mozilla Firefox
- Opera Mini
- Microsoft Edge
- Safari
The website was published using GitHub pages
Menu, working hours and reviews are taken from 'Cottage Tea Rooms' facebook page.
- The video about 'Cottage Tea Rooms' is embedded from YouTube.
- The audio files was dowloaded and added from Royalty free site - Free Music Archive.
- All images were taken from 'Cottage Tea Rooms' facebook and instagram pages.
- Location with Google Maps was embedded from Google Maps.
I received inspiration for this website from my dear friend Antoinette who is the owner of 'Cottage Tea Rooms'.
Many thanks, for help creating this website to mentor - Antonija Simic, tutors - Niel and Haley and for the whole Slack community.