-
Notifications
You must be signed in to change notification settings - Fork 15
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
5 additions
and
42 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,49 +1,12 @@ | ||
# RozBnb😱 | ||
 | ||
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💻 | ||
 | ||
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🔎 | ||
 | ||
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💳 | ||
 | ||
|
||
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 | ||
 | ||
|
||
# Final Build | ||
|
||
https://www.rozendeedi.me/ | ||
**Demo :** [Here](https://www.rozendeedi.me/) |
f4ee3d8
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs: