Jordan's Pizza | Responsive Pizza Restaurant Website

This is a responsive one page website for a Pizza restaurant. It is a front-end only website that provides visitors with:

1. Pizza Menu with toppings details, prices, pictures and a modal window for Order options
2. Contact details including an embedded google map, opening hours, address and phone number
3. Information about the history and cooking tradition of the Pizza Restaurant
4. A contact form

Demo

A demo of this site is available here.

This website is hosted by Github Pages, a static site hosting service which supports client-side code. It does not support server-side functionality.

Getting started / Deployment

• If you wish to run this site locally, please clone or download this repo. You can then run index.html or open index.html in your browser.
• If you wish to deploy a live version of this site, then you will need to create your own Github repo. Navigate to settings and enable Github Pages by setting the Source to master branch.

Built With

HTML, CSS and JavaScript: Front end languages that give the application structure, style and interactivity

UX Design

Details of the UX design undertaken as part of this project is available in the Wireframes subfolder of projectdocumentation folder. This document outlines how I approached the design of this website.

Testing

Manual testing was undertaken for this application and satisfactorily passed. The following tests are documented in the Testing subfolder of the projectdocumentation folder with a Screenshots folder inside.

1. Testing for Cross Browser Compatibility (website was tested on different browsers)
2. Testing for responsiveness (website was tested on different device screen sizes using chrome responsive developer tools)
3. Testing the call to the Google Maps API
4. Testing the interactive features (single page scroll navigation buttons, hover effects, slide animation, modal form, image carousel buttons, tooltips, collapsible images with text)

Author

Jordan Daly - This project was completed as part of Code Institute’s Mentored Online Full Stack Web Development course in 2018.

Content

• The text for the Carousel, Menu and About sections were taken from: Saverios Pizza

Media

• The images used in this site were obtained from: Saverios Pizza

Acknowledgements

• I received inspiration for this project from: W3schools 'Band' bootstrap theme