Holidaze - Accommodation Booking Site

Project Exam 2

Goal

The goal of this project is to showcase the skills and knowledge gained over the past two years by developing a comprehensive front-end application for a newly launched accommodation booking site called Holidaze. The project should demonstrate both visual and technical capabilities.

Brief

Holidaze has approached us to develop a brand new front end for their accommodation booking application. The design and user experience are open to interpretation based on the required features provided. The project involves two main aspects:

1. The customer-facing side where users can book holidays at a venue.
2. The admin-facing side where users can register and manage venues and bookings.

Requirements

• The project covers only the front-end application.
• All API functionality is managed by an existing application.
• Use the Holidaze API as documented in the Noroff API documentation.

User Stories

• 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.

Technical Restrictions

• Must use an approved JavaScript Framework: ##React
• Must use an approved CSS Framework: ##Styled-components
• Must be hosted on an approved Static Host: ##Netlify
• Must use an approved Design Application: ##Figma
• Must use an approved Planning Application: ##Trello

Required Links

• Design prototype
• Style guide
• Kanban project board
• Repository link
• Hosted application demo link

Setup and Installation

1. Clone the repository:

   git clone https://github.com/Ninuskaninus/ProjectExam2.git
   cd holidaze
   

2. Install dependencies:

   npm install
   

3. Run the application:

   npm start

Hosting

The application is hosted on Netlify: https://holidaze-exam.netlify.app/

API Documentation

The API documentation can be found under Holidaze in the Noroff API documentation. https://docs.noroff.dev/docs/v2

Project management

Planning application: Trello board Design Application: Figma

Explanation:

• Goal and Brief: Provides an overview of the project's purpose and main tasks.
• Requirements: Summarizes the project's scope and key functionalities.
• User Stories: Lists the functionalities the application must support.
• Technical Restrictions: Outlines the technologies and tools that must be used.
• Required Links: Placeholder links to important project resources.
• Setup and Installation: Instructions on how to set up the project locally.
• Hosting: Information on where the application is hosted.
• API Documentation: Link to the API documentation.
• Project Management: Links to planning and design tools used in the project.
• Contributors: A section for contributors to the project.