minhlip / nextjs-travel-planner

Arklyte Travel Planner

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

Project Screenshots:

🧐 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