{"id":32412443,"url":"https://github.com/ashot72/booking.com-ui-agent","last_synced_at":"2025-10-25T14:55:23.797Z","repository":{"id":315279162,"uuid":"1058851340","full_name":"Ashot72/booking.com-UI-agent","owner":"Ashot72","description":"AI-powered Booking.com agent, built with LangGraph Studio — integrating APIs and featuring modern UI components.","archived":false,"fork":false,"pushed_at":"2025-09-17T17:21:31.000Z","size":2237,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-17T18:56:20.092Z","etag":null,"topics":["agents-ui","ai-agents","ai-tools","booking-agent","chat","generative-ui","generative-user-interface","hotels-agent","langgraph","langgraph-platform","langgraph-studio","langgraphjs","rapid-api","rapidapi","react-agent","react-usestream","stripe","stripe-payments","trip-agent"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ashot72.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-17T16:26:04.000Z","updated_at":"2025-09-17T17:21:34.000Z","dependencies_parsed_at":"2025-09-17T18:56:31.080Z","dependency_job_id":"1daf0c63-ca0d-4689-813f-acfe5303bdfa","html_url":"https://github.com/Ashot72/booking.com-UI-agent","commit_stats":null,"previous_names":["ashot72/booking.com-ui-agent"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Ashot72/booking.com-UI-agent","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2Fbooking.com-UI-agent","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2Fbooking.com-UI-agent/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2Fbooking.com-UI-agent/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2Fbooking.com-UI-agent/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ashot72","download_url":"https://codeload.github.com/Ashot72/booking.com-UI-agent/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2Fbooking.com-UI-agent/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280971722,"owners_count":26422675,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-25T02:00:06.499Z","response_time":81,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["agents-ui","ai-agents","ai-tools","booking-agent","chat","generative-ui","generative-user-interface","hotels-agent","langgraph","langgraph-platform","langgraph-studio","langgraphjs","rapid-api","rapidapi","react-agent","react-usestream","stripe","stripe-payments","trip-agent"],"created_at":"2025-10-25T14:55:22.776Z","updated_at":"2025-10-25T14:55:23.789Z","avatar_url":"https://github.com/Ashot72.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## AI-powered [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground) agent, built with LangGraph Studio — integrating APIs and featuring modern UI components.\n\nI extended my React Multi-Agent Chat app (powered by LangGraph Server Agents) by adding a new [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground) agent.\nWe use the [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground) API from [RapidAPI](https://rapidapi.com/hub) to access hotel data and integrate it into our booking flow. As you can see, there are several Booking.com implementations. The Booking.com API on RapidAPI is made by third-party developers. They provide a way to access [Booking.com's](https://rapidapi.com/DataCrawler/api/booking-com15/playground) hotel data. [Booking.com](https://booking.com) doesn't officially support these APIs, but many people use them successfully in their apps.\n\nYou will see how the system transforms traditional chatbot interactions from simple text exchanges into rich, app-like experiences. Instead of users having to remember specific commands or navigate through multiple steps of text, they get intuitive interfaces that guide them through complex processes such as booking travel, making payments, or managing data. The agent-uis system essentially bridges the gap between conversational AI and traditional web applications, providing the best of both worlds: the natural language understanding of AI agents and the user-friendly interfaces of modern web apps.\n\nWe start by looking at how custom AI agents can be built to handle real-world tasks. One example is a [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground) agent that connects to the API to fetch live hotel data and display it in an interactive carousel. We also design reusable hotel card components that show images, ratings, and prices in a clean, consistent way, and integrate Stripe to provide secure, user-friendly payment processing.\n\nAlong the way, we compare AI agent development with traditional web development, highlighting the differences in workflows and tools. We also explore how AI is changing the coding landscape, from faster prototyping to fewer errors. Finally, we run full end-to-end testing of the [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground) agent to make sure everything—from the UI to the API calls to the payments—works together seamlessly.\n\nFor the [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground) agent with a UI in the same project, I wrote less than 5% of the code, and the remaining 95% was generated by Cursor AI Editor through prompting—but you need to know what you’re doing. Since English is the main language for prompts, the more precise you are, the fewer prompts you’ll need to accomplish the same task. Some people think an AI editor is used simply to generate code. However, you can collaborate with the AI on a project—you can discuss the code, ask for better solutions, and more. \n\n# Setup Instructions\n\nThis project consists of two parts:\n\n1. **LangGraph Studio** – Runs the backend agents.\n2. **React Multi-Agent Chat App including [Booking.com](https://rapidapi.com/DataCrawler/api/booking-com15/playground)** – The frontend interface that connects to LangGraph Studio.\n\n---\n\n## 🚀 Clone and Run \n\n```bash\n# Clone the repository\n\ngit clone https://github.com/Ashot72/booking.com-UI-agent.git\n\n# LangGraph Studio\n\ncd booking.com-UI-agent/langgraph-agents\n\n# Create the .env file based on env.example.txt and include the required keys\n# (OpenAI API key, Tavily Search key, RapidAPI, Booking.com, Stripe, and NodeMailer settings)\n\n# Install dependencies\nnpm install\n\n# Start the LangGraph Studio\nnpm start\n\n# React App\n\ncd booking.com-UI-agent/langgraph-multichat\n\n# Install dependencies\nnpm install\n\n# Start the React app (http://localhost:3000)\nnpm run dev\n\n```\n\n📹 [Booking.com Video](https://youtu.be/reu5tQTq60A) | 📝 [Booking.com Description](https://ashot72.github.io/booking.com-UI-agent/index.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashot72%2Fbooking.com-ui-agent","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashot72%2Fbooking.com-ui-agent","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashot72%2Fbooking.com-ui-agent/lists"}