Skip to content

A modern and responsive tour booking web application built with React and Next.js. TripJet provides users with an intuitive interface to discover, compare, and book travel tours with real-time availability and seamless booking management✈🌎

Notifications You must be signed in to change notification settings

PouyaBirvand/TripJet

Repository files navigation

πŸš€ TripJet - Tourism Booking Platform

TripJet Logo

⚠️ Development Status

Note: This project is currently under active development. Features may change and improve over time.

Important: The main codebase is available in the dev branch. Please check out the dev branch to see the latest code and features.

🌟 Overview

TripJet is a cutting-edge tourism booking platform built with Next.js 15 and React 19. It provides a seamless experience for users to discover, explore, and book tours and travel experiences.

πŸ“Έ Project Screenshots

TripJet Screenshot 1 TripJet Screenshot 2 TripJet Screenshot 3 TripJet Screenshot 4

✨ Features

  • πŸ” User Authentication: Secure login and registration with Next-Auth
  • πŸ” Tour Discovery: Browse and search for tours with advanced filtering
  • πŸ“… Booking System: Easy and intuitive booking process
  • πŸ—ΊοΈ Interactive Maps: Visualize tour routes and locations with Leaflet maps integration
  • πŸ‘€ User Profiles: Manage personal information and booking history
  • πŸ“± Responsive Design: Optimized for all devices using Tailwind CSS
  • 🌐 Multilingual Support: Including Persian (Farsi) with Vazirmatn font integration

πŸ› οΈ Tech Stack

πŸ“‚ Project Structure

my-next-app/
β”œβ”€β”€ node_modules/
β”œβ”€β”€ public/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/
β”‚   β”‚   β”œβ”€β”€ @auth/
β”‚   β”‚   β”œβ”€β”€ about-us/
β”‚   β”‚   β”œβ”€β”€ booking/
β”‚   β”‚   β”œβ”€β”€ contact-us/
β”‚   β”‚   β”œβ”€β”€ profile/
β”‚   β”‚   β”œβ”€β”€ tours/
β”‚   β”‚   β”œβ”€β”€ error.js
β”‚   β”‚   β”œβ”€β”€ globals.css
β”‚   β”‚   β”œβ”€β”€ layout.js
β”‚   β”‚   β”œβ”€β”€ loading.js
β”‚   β”‚   β”œβ”€β”€ not-found.js
β”‚   β”‚   β”œβ”€β”€ page.js
β”‚   β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”‚   β”œβ”€β”€ AboutUs/
β”‚   β”‚   β”‚   β”œβ”€β”€ auth/
β”‚   β”‚   β”‚   β”œβ”€β”€ booking/
β”‚   β”‚   β”‚   β”œβ”€β”€ common/
β”‚   β”‚   β”‚   β”œβ”€β”€ contact/
β”‚   β”‚   β”‚   β”œβ”€β”€ home/
β”‚   β”‚   β”‚   β”œβ”€β”€ layout/
β”‚   β”‚   β”‚   β”œβ”€β”€ profile/
β”‚   β”‚   β”‚   β”œβ”€β”€ tours/
β”‚   β”‚   β”‚   β”œβ”€β”€ ui/
β”‚   β”‚   β”œβ”€β”€ contexts/
β”‚   β”‚   β”‚   β”œβ”€β”€ AuthContext.js
β”‚   β”‚   β”‚   β”œβ”€β”€ TourFiltersContext.js
β”‚   β”‚   β”œβ”€β”€ hooks/
β”‚   β”‚   β”œβ”€β”€ lib/
β”‚   β”‚   β”œβ”€β”€ providers/
β”‚   β”‚   β”œβ”€β”€ services/
β”œβ”€β”€ env/
β”œβ”€β”€ env.local
β”œβ”€β”€ .eslintignore
β”œβ”€β”€ .eslintrc.js
β”œβ”€β”€ .gitignore
β”œβ”€β”€ .prettierignore
β”œβ”€β”€ .prettierrc
β”œβ”€β”€ eslint.config.mjs
β”œβ”€β”€ jsconfig.json
β”œβ”€β”€ next-env.d.ts
β”œβ”€β”€ next.config.mjs
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ postcss.config.mjs
β”œβ”€β”€ README.md

🚦 Getting Started

Prerequisites

  • πŸ“¦ Node.js 18.x or higher
  • πŸ“¦ npm or yarn

Installation

  1. Clone the repository: git clone https://github.com/PouyaBirvand/TripJet.git cd TripJet

  2. Install dependencies: npm install

    or

    yarn install

  3. Set up environment variables: Create a .env.local file based on .env example

  4. Start the development server: npm run dev

    or

    yarn dev

  5. Open http://localhost:3000 in your browser

πŸ“ Available Scripts

  • ⚑ npm run dev - Start development server with Turbopack
  • πŸ—οΈ npm run build - Build the application for production
  • πŸš€ npm run start - Start the production server
  • πŸ” npm run lint - Run ESLint to check code quality
  • ✨ npm run format - Format code with Prettier

πŸ§ͺ Development Features

  • ⚑ Turbopack: Faster development with Next.js Turbopack
  • πŸ”„ React Query DevTools: Debug API requests and cache
  • πŸ”— URL State Management: Using nuqs for URL-based state
  • 🧹 Code Quality: Enforced with ESLint and Prettier

🌐 Deployment

The application can be deployed on Vercel, Netlify, or any other platform that supports Next.js applications.

Example deployment on Vercel

vercel

🀝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ“ž Contact

Pouya Birvand - GitHub Profile

Project Link: https://github.com/PouyaBirvand/TripJet


About

A modern and responsive tour booking web application built with React and Next.js. TripJet provides users with an intuitive interface to discover, compare, and book travel tours with real-time availability and seamless booking management✈🌎

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •