Welcome to HoliStay, your ultimate destination for booking accommodations. Discover unique venues and manage your bookings effortlessly.
React, Vite, and TypeScript were used to build the site, together with Tailwind CSS for styling. Several libraries were used, such as React-Icons for icons, Yup for validation, Zustand for state management, Tanstack Query for data fetching and caching, and React-Calendar for the booking system.
A newly launched accommodation booking site called Holidaze has approached you to develop a brand new front end for their application. While they have a list of required features, the design and user experience has not been specified. Working with the official API documentation, plan, design and build a modern front end accommodation booking application.
There are two aspects to this brief: the customer-facing side of the website where users can book holidays at a venue, and an admin-facing side of the website where users can register and manage venues and bookings at those venues.
- A user may view a list of Venues
- A user may search for a specific Venue
- A user may view a specific Venue page by id
- A user may view a calendar with available dates for a Venue
- A user with a stud.noroff.no email may register as a customer
- A registered customer may create a booking at a Venue
- A registered customer may view their upcoming bookings
- A user with a stud.noroff.no email may register as a Venue manager
- A registered Venue manager may create a Venue
- A registered Venue manager may update a Venue they manage
- A registered Venue manager may delete a Venue they manage
- A registered Venue manager may view bookings for a Venue they manage
- A registered user may login
- A registered user may update their avatar
- A registered user may logout
Clone the repository using https://github.com/StormSkoglund/Project-Exam-2.git
-
npm install.
-
To run the local host, type npm run dev in the terminal.
-
Static host: https://project-exam2.netlify.app/
PRODUCTION, M. (2023). A woman wearing a headset while working on a laptop. [Photograph]. Available at: https://www.pexels.com/photo/a-woman-wearing-a-headset-while-working-on-a-laptop-7709287/(Accessed: 22 November 2024).
Pezeta, L. (2019). Man raising his hands up. [Photograph]. Available at: https://www.pexels.com/photo/man-raising-his-hands-up-2418597/ (Accessed: 1 December 2024).
Wrn, T. (2023). Woman on wooden bridge in tropical resort. [Photograph]. Available at: https://www.pexels.com/photo/woman-on-wooden-bridge-in-tropical-resort-29564297/ (Accessed: 1 December 2024).
Claire, R. (2020). Unrecognizable traveler in hammock against bed in tropical resort. [Photograph]. Available at: https://www.pexels.com/photo/unrecognizable-traveler-in-hammock-against-bed-in-tropical-resort-4577681/ (Accessed: 1 December 2024).
Mendes, I. (2019). Wooden house. [Photograph]. Available at: https://www.pexels.com/photo/wooden-house-1795506/ (Accessed: 1 December 2024).