Couch Co-op

Couch co-op is an information and booking page for a restaurant based in Hastings, East Sussex. Users can find the location, telephone number, email and opening times on the landing page. users can find a full menu and prices on our menu page and a full list of games on our games page. finally users can book a table at a specific time of day on our bookings page.

the site is targeted towards teens, gamers and families.

Features

The header contains our logo and text which immediately lets users know who we are.

Navigation

Users can easily navigate the website using a simple but stylish navigation bar. The navigation bar includes Home, Menu, Games and bookings tabs.

Welcome section

The welcome section greets the user and explains who we are and what we do.

Find Us Here section

The find us here section shows the user exactly where we are based, using iframes and goggle maps.

Contact section

The contact section displays our contact number and email, very clearly to the user.

Opening Times section

The Opening times section explains what times we are open to the user for every single day of the week.

Footer

The footer displays clear, clickable links to Facebook, Twitter, Youtube and instagram.

Menu section

The menu section contains a full menu and prices for all items

Games section

The Games section contains a full list of every Console we own, as well as every board game, table top rpg and card game we have to offer.

Book A Table

The Book A Table section allows users to easily book a table for a specific time and date.

Testing

• I have tested that the website works in Chrome, Firefox and Edge
• I have tested that the website is responsive in dev tools and when manually resizing the browser window.
• I have tested that the fonts, font sizes and background colours are all easily readable.
• I have tested that the form will only work if all fields are filled and that the submit button works.

Solved Bugs

• Device tool bar in dev tools did not accurately represent the size of the web page, causing elements to move when the browser was resized. this was solved by manually resizing the browser window and ajusting elements.

Unsolved bugs

• Font Awesome icons move to the right when the browser is refreshed.
• font size rules not allows being followed for mobile scrrens in Chrome browsers.

Validator testing

• HTML testing found no errors.

• CSS testing found no errors

• Lighthouse testing confirmed that the fonts and colours used are all easy to read.

Technolagy Used

• HTML
• CSS

Deployment

The site was deployed to GitHub pages. The steps to deploy are as follows:

In the GitHub repository, navigate to the Settings tab From the source section drop-down menu, select the Master Branch Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment. The live link can be found here - https://acegaz.github.io/Couch-Co-op-Website/index.html

Credits

• Content

  • The Code to make the social media links were taken from the CI love running project.
  • The structure for this README.md was taken from the Coding Club smaple README.md.
  • The deployment text on this page was taken from the example README.md from the love running project.

• Media

  • The Header image was designed by Chloe Tanner and was made for our use.