Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/psykat1116/airbnb
A Clone Website Of The Famous Hotel Booking Site Airbnb Made Using NextJS 13, Tailwind CSS, Prisma, MongoDB, Next Auth, Razorpay Payments
https://github.com/psykat1116/airbnb
cloudinary date-fns leaflet mongodb mongodb-atlas next-auth next-cloudinary nextjs14 prisma query-string razorpay react-hook-form react-hot-toast react-leaflet react-select tailwindcss typescript world-countries zustand
Last synced: about 1 month ago
JSON representation
A Clone Website Of The Famous Hotel Booking Site Airbnb Made Using NextJS 13, Tailwind CSS, Prisma, MongoDB, Next Auth, Razorpay Payments
- Host: GitHub
- URL: https://github.com/psykat1116/airbnb
- Owner: psykat1116
- Created: 2024-01-11T06:36:10.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-01T18:19:51.000Z (6 months ago)
- Last Synced: 2024-11-06T15:16:46.538Z (3 months ago)
- Topics: cloudinary, date-fns, leaflet, mongodb, mongodb-atlas, next-auth, next-cloudinary, nextjs14, prisma, query-string, razorpay, react-hook-form, react-hot-toast, react-leaflet, react-select, tailwindcss, typescript, world-countries, zustand
- Language: TypeScript
- Homepage: https://airbnb-psi-liart.vercel.app
- Size: 1.62 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
- Clone the repo
```bash
git clone https://github.com/psykat1116/Airbnb.git
```
- Change the directory name to lowercase otherwise it will not work
- Install dependencies
```bash
cd
npm install
```
- Create a .env file in the root directory and add the following
```bash
DATABASE_URL=
NEXTAUTH_SECRET=
GITHUB_ID=
GITHUB_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
RAZORPAY_KEY=
RAZORPAY_SECRET=
```
- Create a database in `MongoDB Atlas` and add the URL to the .env file
- Create a [Cloudinary](https://cloudinary.com/) account and add the cloud name to the .env file
- Create a [Github OAuth App](https://docs.github.com/en/developers/apps/building-oauth-apps/creating-an-oauth-app) and add the client ID and secret to the .env file
- Create a [Google OAuth App](https://developers.google.com/identity/protocols/oauth2) and add the client ID and secret to the .env file
- Add any secret string to the `NEXTAUTH_SECRET` variable in the .env file
- Create A [Razorpay](https://razorpay.com/) Account. Be Very Cautious You Need To Give All Necessary Details & Need To Go To `TEST` Mode. Create A New API Key & API Secret.
- Run the development server:
```bash
npm run dev
```
- Use The Test Card Description Below. Please feel free to check out for more [Here](https://razorpay.com/docs/payments/payments/test-card-details/) For Card & [Here](https://razorpay.com/docs/payments/payments/test-upi-details/) With UPI.
```bash
5267 3181 8797 5449
success@razorpay
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.