A component based practice Project for booking hotel rooms. It's possible for Guests to register and reuse their personal data for future bookings or check their booking history. The following Userstories built the framework for the actual implementation:

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.

• swiper
• axios
• pinia
• vite

Rename the .envexample to .env and add base API address

git clone https://github.com/kassiber10/vue-inn-booking.git
cd vue-inn-booking
npm install
npm run dev
# or
yarn dev