Boutique Hotel

Component based booking site using vue.js with pinia, mobile first.

Boutique Hotel is a practice project that was created as part of the web development course at the FH Technikum Vienna.

The task was to implement a hotel booking site for the boutique hotel. Thereby it should be possible for the guests to book hotel rooms for a certain period of time, if the corresponding occupancy rate allows it. The guests can also register to reuse their personal data for future bookings or to view their bookings.

How to run the app

install dependencies using ‘npm install’
start server using ‘npm run serve’
Go to localhost in your browser

User Stories

U1: Als Gast möchte ich in Form einer Website das Hotel präsentiert bekommen um mich darüber zu informieren.
U2: Als Gast möchte ich eine Übersicht über Hotelzimmer und die zugehörigen Details sehen können , um mir nach meinen Vorstellungen ein Zimmer auszusuchen.
U3: Als Gast möchte ich überprüfen ob ein bestimmtes Zimmer zum meinem gewünschten Reisezeitraum verfügbar ist , um festzustellen, ob ich das Zimmer werde buchen können.
U4: Als Gast möchte ich zu einem ausgewählten Zeitraum ein ausgewähltes Zimmer buchen um eine Unterkunft in meinem Urlaub zu haben.
U5: Als Gast möchte ich nach der Buchung erfahren, ob diese erfolgreich oder fehlerhaft war um zu wissen ob ich meinen Prozess beenden kann, oder weitere Schritte nötig sind.
U6: Als Gast möchte ich mich registrieren können , damit ich meine Datenwieder verwenden kann und meine Buchungshistorie aufrufen kann.
U7: Als registrierter Gast möchte ich mich am Portal anmelden können , damit ich bei einer erneuten Buchung, meine Daten nicht mehr eingeben muss und meine Buchungen anzeigen kann.
U8: Als registrierter Gast möchte ich meine vergangenen und aktuellen Buchungen ansehen können , um einen Überblick zu haben, welche Zimmer ich früher hier gebucht hatte.