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

Usage

Login and Signup

You can route to the login and signup page by either clicking the login or signup buttons in the dropdown menu or by clicking the login button on the prompt. On mobile view, the login page can be reached by clicking on the login button in the right-hand corner of the bottom nav bar.

Once on the login page, you can log in or signup based on your choice. Currently, admin cannot sign up, and you must use the provided admin credentials if you wish to log in as admin:

1. Enter a valid email and password to sign in. You may use the following credentials if you want:

   • Admin:

     • Username: admin
     • Password: admin

   • User:

     • Email: Madhu
     • Password: madhu123

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.