TaptiBnb

Introduction

TaptiBnb: Your go-to platform for unique accommodations worldwide. Inspired by Airbnb, TaptiBnb offers seamless booking for diverse lodging options, from vacation rentals to boutique hotels. With user-friendly features, TaptiBnb redefines travel, ensuring memorable stays wherever you go. Join us and explore the world like never before.

Project Type

Frontend:

The project is a primarily front-end project which utilizes a mock server to simulate back-end.

Deplolyed App

Frontend: https://taptibnb.netlify.app/

Backend: https://tapti-recursion-010-v93f.onrender.com/

Directory Structure

TaptiBnB

├── BackEnd_Server
│   ├── .gitignore
│   ├── db.json
|   ├── index.js 
│   ├── package-lock.json
│   ├── package.json
├── FrontEnd/
│   ├── index.html
│   ├── login.html
│   ├── product.html
│   ├── signup.html
│   ├── wishlist.html
│   ├── assets/
│       ├── airbnb-logo.png
│       └── feat1.png
|       └── feat2.jpg 
|       └── feat3.jpg
|       └── next-dis.png
|       └── next-enb.png
|       └── prev-dis.png
|       └── prev-enb.png
|       └── signin-image.png
|       └── ZKZg.gif
│   ├── scripts/
│       ├── index.js
│       ├── login.js
│       ├── product.js
│       ├── signup.js
│       ├── wishlist.js
|   ├── styles/ 
|       ├── index.css
|       ├── login.css 
|       ├── product.css
|       ├── signup.css 
|       ├── wishlist.css
└── README.md

Video Walkthrough of the project

A detailed walkthrough of all the features of our project can be found here:

https://youtu.be/qXqlZzKvdAs

Questions based on the project

Questions based on the project questions can be found here:

https://youtu.be/56aMTXPO0WA

https://youtu.be/OTSghI5dd6U

https://youtu.be/W84hCffJtCs

Screenshots

Features

• Responsiveness: The website is responsive and dynamic.
• Authentication: We have added User authentication so new user can register and login.
• Product Page: Added product page on clicking the image cards
• Paginaton: Added pagination feature so user can navigate from one page to another.
• Searching: User can search and filter property using search parameter.
• Wishlist: User can add resorts and homestays in the wishlist.

Tech Stack

The tech stack used for the project:

FrontEnd :

• HTML
• CSS
• Javascript
• Bootstrap

Backend :

• JSON-server and Json-server-auth
• used rendor.com website

How to Use

To run this project locally:

1. Clone this repository to your local machine.
2. Open the index.html file in your preferred web browser.
3. Explore the TaptiBnb website experience right from your device.

Contributors

• Aditya Kumar Singh
• Himanshu Rajpoot
• Rajnikant Keshkar
• Rameshwar Bedade
• Krishna More

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Inspired by Airbnb original website.