Holidaze-app is an application that is used to rent a house for short-time.
Holidaze is a project that was build like airbnb clone showing how 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. This is my final project at Noroff. In this project we were tasked to put in use all we have learnt this past 2 years as Front-End developer student.
Holidaze was built with the following requirements in the form of 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
These stacks were used in this project 👇
- Trello: Used to plan and manage the project tasks.
- Figma: Used to designing the UIs.
- Vite: Tool used in staging and building this project.
- React: Used in building the interactive UIs.
- Sass: Used for styling.
- Netlify: Used to Host the project
Installation: To install and set up this project, kindly follow the following steps: 👇
- You can either Fork the repository using this link 👉 https://github.com/Nsebo/project-exam-2-nsebo or
- Clone the project repository to your local machine
- Open the project in your favorite code editor
- Navigate to the root directory of the project using the below command:
- cd project-exam-2-nsebo
- Install the project dependencies using:
- npm install
- To build the app use the following command:
- npm run build
- To view the build version the app in the development mode, use this command:
- npm run preview
- To run the app, run this command:
- npm run dev to start the development server
Once done with the following steps , the project should be able to run on http://localhost:3000