Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Rozen2007 authored Aug 28, 2021
1 parent 38d4c1a commit f4ee3d8
Showing 1 changed file with 5 additions and 42 deletions.
47 changes: 5 additions & 42 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,49 +1,12 @@
# RozBnb😱
![1.gif](https://res.cloudinary.com/dp0qzldgh/image/upload/v1629653062/ezgif.com-gif-maker_kq41kv.gif)
This is an Amazing Redesign of AirBnb which is actually a part of a hackathon🐱‍💻. Basically the task was, to create an Amazing app which uses the Auth0 Sign In Provider🔒.
# Rozbnb (Next.js, tailwind Css)
**This is a open-source travel wesbite inspired by airbnb.
I recommend use Auth0 in your projects because is really easy to integrate and will add several benefits for your applications and websites. Finally, I want to thank Auth0 and Hashnode for this opportunity and awesome initiative with the hackathon.**

## Tech Stack

Frontend Framework🔥 : [Next.js](https://nextjs.org/)
Styling💅 : [Tailwind css](https://tailwindcss.com/) and [Styled Components](https://styled-components.com/)
Authentication🔒 : [Auth0](https://auth0.com/)
Map integration🗺️ : [Mapbox](https://www.mapbox.com/)
Payment Processor💵: [Stripe](https://www.stripe.com/)
Animations🍃: [React Reveal](https://www.react-reveal.com/) and [Framer motion](https://www.framer.com/motion/)
Date Picker📅: [React Date Range](https://hypeserver.github.io/react-date-range/ )



# Authentication💻
![2.gif](https://res.cloudinary.com/dp0qzldgh/image/upload/v1629696789/ezgif.com-gif-maker_1_xdbhwh.gif)
For the Authentication, I have used an amazing provider called Auth0.


## Why did I use Auth0
Auth0 provides the most extensive functionality which ensure the user authentication and authorization, with detailed analytics and a variety of available providers.

I noticed that there is a need to add social authentication to apps while I was practicing .Apparently I was looking for a solution and I came across Auth0. Its security, universality, and ease of use made me choose this for my Authentication .

# Search Results🔎
![3.gif](https://res.cloudinary.com/dp0qzldgh/image/upload/v1629783352/ezgif.com-gif-maker_3_hahyjw.gif)
After clicking the search button you will be redirected to the result page. The first thing which you will be seeing in the result page is a Dark themed map with a series of hotels. The map is handled by [MapBox](https://www.mapbox.com/).

MapBox is a alternative for google map which doesn't ask for any kind of details and we can style the map for our necessity. And the series of hotels is fetched from a fake json api which is possible with [Jsonkeeper](https://jsonkeeper.com/)

Search Result Data🔍: https://bit.ly/2UVA8Mo

# Payment💳
![4.gif](https://res.cloudinary.com/dp0qzldgh/image/upload/v1629870272/ezgif.com-gif-maker_4_ryiy7x.gif)

In result page, you will be able to see a `buy now` button on the info card and when you click on it , you will be redirect to the payment page . This page is handled by **one of the secured payment gateway providers 🔒** known as [Stripe](https://stripe.com/).

**Stripe is one of most popular payment gateway providers which is used by biggest companies like zoom, amazon, slack and so on.**

You will be redirected to a page which is where you will have to fill your details in order to proceed to payment. After filling your details, when you will click `Pay` button you will be directed to the the success page, which means, your hotel is officially booked🥳.
**If you like to contirbute, you are free to fork and make a pr <3**

# Contributers
![Contributors](https://contrib.rocks/image?repo=Rozen2007/rozbnb)

# Final Build

https://www.rozendeedi.me/
**Demo :** [Here](https://www.rozendeedi.me/)

1 comment on commit f4ee3d8

@vercel
Copy link

@vercel vercel bot commented on f4ee3d8 Aug 28, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.