Holidaze | Project Exam 2

GitHub name	Full name
HansiFED	Hans Willmar Berentsen
LauraBLei	Laura Lei
annechh	Anne-Cathrine Hauge

Description

This was our second and last project exam. Holidaze is a accommodation booking site where your can browse venues book venues and manage venues.

Visitor

• As a visitor on Holidaze you are able to browse and search trough venues and look at a spesific venue.

Customer

• As a customer you are able to browse and search through venues and book a venue. The booked venue will display at the customers profile. The customer can also update the bio, avatar and banner for the profile.

Venue Manager

• As a venue manager you are able to do everything a customer are able too. But as a venue manager you can also create new venues . The venues you manage will display in your profile, and you will be able to view how many bookings there is for that venue. For more info on who and when the bookings are you can click that specfic venue.

This projects user stories

All users:

• May view a list of Venues.
• May search for a specific Venue.
• May view a specific Venue page by id.
• May register as a customer with a stud.noroff.no email address and password.
• May register as a Venue Manager with a stud.noroff.no email address and password.
• May view a calendar with available dates for a Venue. Should dates be booked this must be indicated within the calendar.

Customers:

• May login and log out once registered.
• May create a booking at a Venue.
• May view their upcoming bookings.
• May update their avatar/profile picture

Venue Managers:

• May login and log out once registered.
• May create a Venue.
• May edit/update a Venue they manage.
• May delete a Venue they manage.
• May view upcoming bookings made at a Venue they manage.
• May update their avatar/profile picture

Technologies

• React - For building our Holdaze booking site
• React Router - To navigate around on Holidaze
• Tailwind CSS - Styling the application
• Typescript
• Vite - Build tool
• Husky - Git hooks
• Prettier - Code formatting
• ESLint - Linting

Getting started

• Make sure you have Node.js installed
• If you don't have Node installed, you can download it from nodejs.org.

Steps to run Locally

1. Clone the repository using GitHub desktop or via the command line:

   git clone https://github.com/H-A-L-code/project-exam-2.git

2. Navigate to the project folder (Skip this step if you're using GitHub Desktop)

   cd project-exam-2

3. Install dependencies:

   npm install

4. Running the App Locally (Development Mode)

   npm run dev

Previewing the Production Build (Optional)

1. Run to build:

   npm run build

2. Run to preview:

   npm run preview

Live Page

Holidaze 👈

Acknowledgments

Banner image homepage - Photo by Matthew Sichkaruk on Unsplash