PROJECT NAME TO GO HERE

👩🏻‍💻 View an example of this section here

I made a Page for Burger Bar on front page usersa can look reviews of customers and if loged in leave a comment allso, on nav bar user can book a table, to book a table user doesnt need to be registerd, but if user ants to edit data he must register ith the same email adress as in the reservation he made, enn registerd he ill have overview off all booked dates and ill be abe to edit or delete its reservations

Frameworks I Used

• GitHub

  • GitHub is used to store the projects code after being pushed from Git.

• Balsamiq

  • Balsamiq was used to create the wireframes during the design process.[Balsamiq wireframe](/workspace/lucky-7/blob/main/assets/images/New Project 1.bmpr)

• Font Awesome

  • Font Awesome was used on all pages throughout the website to add icons for aesthetic and UX purposes.

• Google Fonts

  • Google fonts were used to import fonts into the style.css file which is used on all pages throughout the project.

• Hover:css

  • Hover.css was used on buttons.

Features

• Header

  • In the header we have the navigation bar Hove, Book a Table, Register and Login, if user is Loged in Register and Logdine are removed and its shoing only Log-out.

  • In the header is the name of our Bar and greeting message, stating that e have best burger in town.

• The landing page image

  • When the page loads it shows home page, ith Hero image of some burgers.

  • Under header we have comment section with names of users that wrote the comments, time whenn was it posted and comment. .

  • If user is loged in on the right side ill be container here user can write ne comment and post it. If user is not loged in it ill not be shown.

• Book a Table

  • This is the most important section, here user can first of all look whitch tables are occupied on whitch dates, and book prefered tables. Tables are shown on picture as myTables of restaurant an user can click on table he preffers, after that the window is oppened here user should fill in its data like name, email and phone number.

  • Clicking on submit that tabel will be booked, on our restoran pictue it will be painted red for date e selctedt and on click the data-window not be displayed.

  • If user is logged in underneath restaurant picture all our reservations ill be displayed ith statement "You booked a table (table number) on (reservation date).

  • Next to displayed date user ill have to buttons Edit and Delete, on delete user ill be asked if hes sure to dele it, and on display ill be opend windo here user cann change data like phone number and comment on reservation, it will be populated with data that user gave by creating that reservation

Testing

I tested this page in different browsers Chrome, Firefox and Edge.

I confirmed that this project looks good and functions on all standard screen sizes using the devtools device toolbar.

I confirmed that the header, game and technical section and footer are all readable and easy to understand.

I confirmed that the form works: requires entries in every field, will only accept an email in the email field, and the submit button works.

Deployment

• The site was deployed to GitHub pages. The steps to deploy are as follows:
  • In the GitHub repository/restaurant-reservations, navigate to the Settings tab
  • From there click on Page
  • Once there the link of our homepage will be shown on top.