Home

Welcome to the internet-technology-project Bear Belly Bar!

This website is aiming to support the work of a fictional local bar in Basel.

Requirement analysis

General:

• Website should be the face of the bar, reflecting it's vibe
• Possibility to view the general information about the bar (landing page, events, gallery, contact information)
• Possibility to check the bar Menu

Bar Customer side:

• Possibility to create a personal account as a customer
• Possibility to sign in / log in to the personal customer account
• Possibility to view personal information in your private account and edit it
• Possibility to make a reservation at the bar

Bar Employee side (admin):

• Possibility to have a profile as the website admin
• Possibility to see the list of customers & reservations

Design decision

• To follow the requirements and user stories listed below we decided to go with the Bootstrap. As it is responsive, modern, fast and beautiful.

• The colours used came from the main photo at the bar landing page.

User Stories vs Views

List of required user stories:

1. As a [user], I want to have a Web app so that I can use it on my different mobile devices and desktop.
2. As a [user], I want to see a consistent visual appearance so that I can navigate easily, and it looks professional.
3. As a [user], I want to use list views so that I can explore and read my business data.
4. As a [user], I want to use edit and create views so that I can maintain my business data.
5. As a [user], I want to use the archive, delete and permanent-delete functionalities so that I can maintain my business data.
6. As a [user], I want to share my business data so that I can give others read-only or editable access to my business data.
7. As a [user], I want to create an account so that I can get access to the Web app.
8. As a [user], I want to log-in so that I can authenticate myself.
9. As a [user], I want to edit my profile so that my data is stored securely.

List of views implemented in the Bear Belly Bar website:

General:

• Front Page:
  • Landing
  • Events
  • Menu
  • About Us
  • Contact Us

Bar Customer side:

• Sign Up form
  
• Log In form
  
• My Profile
• Edit Profile
• Make Reservation
• My Reservations list

Bar Employee side (admin):

• Sign Up form
• Log In form
• Edit Profile
• Dashboard
• All Customers
• All Reservations

This table shows that each view is connected to the user story:

User Story Number	Bear Belly Bar View
1	Responsive Website: all views
2	Consistent UI: all views
3	Customer: My Reservations Admin: Dashboard, All Customers, All Reservation
4	Customer: Edit Profile Admin: Edit Profile, All Customers (edit customers function), All Reservations (edit reservations function)
5	Admin: All Customers (delete customer function), All Reservations (delete reservation function)
6	---
7	Customer: Sign Up form to create the personal customer profile Admin: Sign Up form to create an admin profile
8	Customer: Log In form to log into the personal customer profile Admin: Log In form to log into an admin profile
9	Customer: Edit Profile Admin: Edit Profile