Title

Skybnb

Your home away from home

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contact
5. Acknowledgments

Check out the live site here

About The Project

skybnb.mp4

This project is a fullstack vue appliction, inspired by 'airbnb'.

The app allows users to log in (or sign up), and look for their next vaction.

User can filter loactions to its liking, add places to its wishlists and order a trip.

(back to top)

Built With

(back to top)

Getting Started

How to install the app locally

Prerequisites

Download nodejs (if you don't have it on your computer)
run command npm install -g @vue/cli (if you don't have vuejs on your computer)

Installation

The app will work only if you download both frontend and backend

Project frontend: https://github.com/Idan-Maimon1/Skybnb-frontend
Project Backend: https://github.com/Idan-Maimon1/Skybnb-backend

see that you do the following steps to both of the repositories

1. Clone the repo

   git clone https://github.com/Idan-Maimon1/Skybnb-frontend

   git clone https://github.com/Idan-Maimon1/Skybnb-backend

2. Install NPM packages

   npm install

3. Run the project

   npm run dev

(back to top)

Usage

How to use the different features in the application?

Login/Sign Up/Login as a guest

login.mp4

Filtering

filter_Trim.mp4

Add/Remove a place from wishlist

wishlist.mp4

Order a trip

videos_order-mp4.mp4

(back to top)

Contact

Idan Maimon - https://github.com/Idan-Maimon1 - [email protected]

Inbal Prital - https://github.com/InbalPrital - [email protected]

Noga Ran - https://github.com/Noga-Ran - [email protected]

Project frontend: https://github.com/Idan-Maimon1/Skybnb-frontend
Project Backend: https://github.com/Idan-Maimon1/Skybnb-backend

(back to top)

Acknowledgments

• GitHub Pages
• Cloudinary
• Vue 3 Google maps
• vue-datepicker
• Sass
• vue-final-modal
• Vue Social Sharing
• Vue 3 Carousel
• SVG repo
• SVG editor

(back to top)