Skip to content

AI-powered collaborative travel planner that helps create personalized itineraries and collaborate in real time using React, Firebase, and Gemini AI

License

Notifications You must be signed in to change notification settings

Jason-Tan1/OutTheGroupChat

 
 

Repository files navigation

🌍 OutTheGroupChat

AI-Powered Collaborative Travel Planning Platform

Live Demo NewHacks 2025 License: MIT

Live DemoReport BugRequest Feature


📖 About The Project

OutTheGroupChat is a collaborative AI-powered travel planner that simplifies group trip coordination. Say goodbye to endless group chat debates—our platform intelligently consolidates preferences, budgets, and schedules to generate personalized itineraries that keep everyone aligned.

Built for NewHacks 2025, OutTheGroupChat leverages Gemini AI for intelligent itinerary generation and ElevenLabs AI for voice-enabled trip summaries, making travel planning accessible and effortless.

✨ Key Features

  • 🤖 AI-Powered Itinerary Generation – Gemini AI creates personalized travel plans based on group preferences
  • 👥 Real-Time Collaboration – Seamlessly coordinate with groups of up to 20 users
  • 💰 Smart Budget Optimization – Automatically balances costs across group members
  • 🗣️ Voice-Enabled Summaries – ElevenLabs AI provides accessible audio trip overviews
  • 📱 Responsive Design – Works seamlessly across web and mobile platforms
  • 🔐 Secure Authentication – Firebase-powered user management

🛠️ Built With

Frontend

React TypeScript JavaScript HTML5 CSS3

Backend & Services

Firebase Node.js

APIs

  • Gemini AI – Natural language processing and itinerary generation
  • ElevenLabs AI – Text-to-speech for voice summaries

🚀 Getting Started

Follow these steps to set up the project locally.

Prerequisites

Ensure you have the following installed:

  • Node.js (v16 or higher) – Download here
  • npm (comes with Node.js)
  • A modern web browser (Chrome, Firefox, Safari, or Edge)

Installation

  1. Clone the repository

    git clone https://github.com/Polymatth/OutTheGroupChat.git
    cd OutTheGroupChat/new-hacks
  2. Install dependencies

    npm install
  3. Set up environment variables

    Create a .env file in the root directory:

    VITE_GEMINI_API_KEY=your_gemini_api_key_here
    VITE_ELEVENLABS_API_KEY=your_elevenlabs_api_key_here

    Note: You'll need to obtain API keys from:

  4. Start the development server

    npm run dev
  5. Open your browser

    Navigate to: http://localhost:3000


💡 Usage

  1. Create an Account – Sign up using Firebase authentication
  2. Start a Trip – Create a new trip and invite group members
  3. Add Preferences – Each member inputs their budget, interests, and schedule
  4. Generate Itinerary – Let Gemini AI create a personalized travel plan
  5. Collaborate & Refine – Make real-time adjustments with your group
  6. Listen to Summary – Get a voice overview of your trip using ElevenLabs AI

👨‍💻 Team

Built with ❤️ by:


📄 License

Distributed under the MIT License. See LICENSE for more information.


🙏 Acknowledgments


Made with 🌟 at NewHacks 2025

⬆ Back to Top

About

AI-powered collaborative travel planner that helps create personalized itineraries and collaborate in real time using React, Firebase, and Gemini AI

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.4%
  • CSS 39.0%
  • HTML 1.6%