Skip to content

Nsebo/project-exam-2-nsebo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

197 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Holidaze - Project-Exam-2

Introduction

Holidaze-app is an application that is used to rent a house for short-time.


Description

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.

User Stories

Holidaze was built with the following requirements in the form of User Stories:

  1. A user may view a list of Venues
  2. A user may search for a specific Venue
  3. A user may view a specific Venue page by id
  4. A user may view a calendar with available dates for a Venue
  5. A user with a stud.noroff.no email may register as a customer
  6. A registered customer may create a booking at a Venue
  7. A registered customer may view their upcoming bookings
  8. A user with a stud.noroff.no email may register as a Venue manager
  9. A registered Venue manager may create a Venue
  10. A registered Venue manager may update a Venue they manage
  11. A registered Venue manager may delete a Venue they manage
  12. A registered Venue manager may view bookings for a Venue they manage
  13. A registered user may login
  14. A registered user may update their avatar
  15. A registered user may logout

Tech Stacks

These stacks were used in this project 👇

  1. Trello: Used to plan and manage the project tasks.
  2. Figma: Used to designing the UIs.
  3. Vite: Tool used in staging and building this project.
  4. React: Used in building the interactive UIs.
  5. Sass: Used for styling.
  6. Netlify: Used to Host the project

Getting Started

Installation: To install and set up this project, kindly follow the following steps: 👇

  1. You can either Fork the repository using this link 👉 https://github.com/Nsebo/project-exam-2-nsebo or
  2. Clone the project repository to your local machine
  3. Open the project in your favorite code editor
  4. Navigate to the root directory of the project using the below command:
  • cd project-exam-2-nsebo
  1. Install the project dependencies using:
  • npm install
  1. To build the app use the following command:
  • npm run build
  1. To view the build version the app in the development mode, use this command:
  • npm run preview
  1. 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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages