Skip to content

Client web app for Hangout AI, we provide interface for desktop and mobile. Web AI-powered travel guide with AI-generated itineraries for Jakarta, Singapore, and Kuala Lumpur. With over 500+ locations in our database, our AI curates a seamless travel experience just for you.

Notifications You must be signed in to change notification settings

ayusudi/hangout-client

Repository files navigation

Hangout AI Client

Your AI-powered travel guide with AI-generated itineraries for Jakarta, Singapore, and Kuala Lumpur. With over 500+ locations in our database, our AI curates a seamless travel experience just for you.

Hangout AI
Hangout AI on Devpost

Table of contents

User Interface

  1. Landing Page landingpage

Users need to log in with the Google Sign-In option that we provide.
Note : We will change the YouTube link after we finish recording.

  1. Chat Page chat form

We set the default location to Jakarta, but if the user changes it to Singapore or Kuala Lumpur, the city illustration will change as well.



![loading](./screenshot/loading.png) ![chat-response](./screenshot/chat.png) ![chat-before-preview](./screenshot/chat-beforepreview.png) > Users can continue chatting with the AI, for example, by asking for a table. We have a preview button to show an image of the mentioned location or open a new tab to view the location on Google for more details and reviews.

![chat-preview](./screenshot/chatpreview.png)

List Tech Stack

  • React JS
  • Vite
  • Tailwind CSS
  • Leaflet
  • Google Map
  • React Flowbite
  • React MArkdown
  • Google Oauth
  • Firebase Google Analytic
  • Vercel

How To Run

  1. Git clone this repository
  2. Open the code folder / repo and run
$ npm install 
  1. Create file .env with this template
VITE_GROQ=
VITE_GMAP=
VITE_PUBLIC_KEY_TIDB=
VITE_PRIVATE_KEY_TIDB=
VITE_YOUTUBE=
VITE_FIREBASE_API_KEY=
  1. Run the code with this command line
$ npm run dev

About

Client web app for Hangout AI, we provide interface for desktop and mobile. Web AI-powered travel guide with AI-generated itineraries for Jakarta, Singapore, and Kuala Lumpur. With over 500+ locations in our database, our AI curates a seamless travel experience just for you.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published