An open API service indexing awesome lists of open source software.

https://github.com/neodev99/next-booking-app

Travel Booking Using Next.js 14, Prisma, TailwindCSS & Next Auth
https://github.com/neodev99/next-booking-app

booking nextjs nextjs14 tailwindcss typescript

Last synced: about 1 month ago
JSON representation

Travel Booking Using Next.js 14, Prisma, TailwindCSS & Next Auth

Awesome Lists containing this project

README

        

Travel Planner

project-image

Travel Planner App with Live Web Scraping from various sources using Bright Data Scraping browser.

Project Screenshots:

project-screenshot

🧐 Features

Here are some of the project's best features:

* 🚀 Next.js 14 App Directory with Tailwind CSS - Experience the sleek and modern UI powered by the latest Next.js 14 and styled with Tailwind CSS for that perfect look and feel.
* 🔗 API Routes & Server Actions - Dive into seamless backend integration with Next.js 14's API routes and server actions ensuring efficient data handling and server-side logic execution.
* 🕷 Scraping with Puppeteer Redis and BullMQ - Harness the power of Puppeteer for advanced web scraping with Redis and BullMQ managing queues and jobs for robust backend operations.
* 🔑 JWT Tokens for Authentication and Authorization - Secure your app with JWT tokens providing a reliable method for authentication and authorization across your platform.
* 💳 Stripe for Payment Gateways - Integrate Stripe for seamless payment processing enabling secure and easy transactions for booking trips flights and hotels.
* ✈️ Book Trips Flights and Hotels with Stripe Payment Gateway - Make your travel booking experience effortless with our Stripe-powered payment system.
* 📊 Scrape Live Data from Multiple Websites - Stay ahead with real-time data scraping from multiple sources keeping your app updated with the latest information.
* 💾 Store the Scraped Data in PostgreSQL with Prisma - Leverage PostgreSQL and Prisma for efficient storage and management of your scraped data ensuring reliability and speed.
* 🔄 Zustand for State Management - Enjoy smooth and manageable state management in your app with Zustand simplifying state logic and enhancing performance.

🛠️ Installation Steps:

1. Install Dependencies

```
npm i
```

2. Setup PostgreSQL in the .env and generate prisma schema

```
npx prisma generate
```

3. Push Prisma changes

```
npx prisma db push
```

4. Start the app

```
npm run dev
```



💻 Built with

Technologies used in the project:

* Next.js 14
* Tailwind CSS
* Next UI
* Zustand
* Stripe
* Bright Data's Scraping Browser
* Typescript
* Redis
* BullMQ
* Pupeteer
* JWT
* Axios
* PostgreSQL
* Prisma