Banner background
Profile

Methmal
Deshapriya

Verified Learner

Dedicated fast learner with strong enthusiasm in technology

Tech stack

React
Redux Toolkit
Tailwind CSS
ShadCN UI
React Hook Form
Zod
Node.js
Express.js
Clerk
Node-cron
Node-cache
Nodemailer
MongoDB
Mongoose
OpenAI API
LangChain
MongoDB Atlas Vector Search
Stripe
Netlify
Render
UptimeRobot.
Claps
0
Projects
1
Programs Followed
1

Projects

Hotelza AI
Verified Learner
ReactRedux ToolkitTailwind CSS18+
Artificial Intelligence

Hotelza AI (Hotel Booking and Management System)

πŸ”– Introduction About the project HotelzaAI is a smart hotel booking web application that modernizes and personalizes the accommodation reservation process using Artificial Intelligence . It simplifies everything from searching for hotels to making secure payments through an intuitive interface. By combining AI-powered hotel recommendations , 24/7 chatbot support , and secure Stripe-based payments , HotelzaAI solves the problems of traditional booking systems such as poor personalization, outdated UIs, and slow customer support. The result is a fast, secure, and intelligent booking experience for both travelers and hotel owners. πŸ€” Problem space Problems to solve/Requirements to Create πŸ‘‰ Lack of personalization in hotel booking Most hotel booking platforms provide generic search results , forcing users to know the hotel name in advance. They miss out on smart recommendations based on preferences. Current solution HotelzaAI integrates AI-powered search using OpenAI embeddings and MongoDB vector search to suggest relevant hotels from natural language queries like β€œaffordable hotel near the beach with Wi-Fi” . How do we know it is a problem? Users often abandon booking sites due to irrelevant search results. Manual searching wastes time and reduces satisfaction πŸ‘‰ Outdated and unintuitive user interfaces Many booking sites use cluttered, old-fashioned designs that frustrate users during booking or payment. Current solution HotelzaAI uses a modern UI with React, TailwindCSS, and ShadCN UI , ensuring responsive layouts , clear navigation , and a smooth checkout experience . How do we know it is a problem? Poor UI/UX is one of the top reasons for drop-offs in booking processes. πŸ‘‰ Slow and manual customer support Traditional systems rely on human-managed customer service with delays and inconsistent availability. Current solution HotelzaAI integrates a 24/7 AI-powered chatbot using OpenAI GPT-4 , providing instant responses, booking help, and feature guidance. How do we know it is a problem? Users expect real-time support when dealing with payments and bookings. Goals Company objective 🎯 To build a modern AI-driven hotel booking ecosystem that enhances trust, convenience, and efficiency for both users and hotel owners. Project goals Implement an AI-integrated search system for personalized recommendations. Build a secure Stripe payment workflow with webhook validation. Provide a real-time admin dashboard for managing hotels, bookings, and support. Deliver a 24/7 AI chatbot for continuous assistance. Create a responsive UI accessible across all devices User Stories Visitor (Traveler) A traveler looking for affordable, suitable accommodation. Goals: Find hotels easily, pay securely, manage bookings. Needs: Personalized results, instant booking confirmation, reminders. Other: Prefers mobile-first design. Admin (Hotel Owner/System Manager) An administrator managing hotels and bookings. Goals: Add/update hotel listings, track bookings, reply to help requests. Needs: Secure login, real-time updates, simple dashboard. Other: Requires reliability and smooth communication with guests 🌟 Design space UI Design HotelzaAI follows a clean, minimal UI with a responsive design. Travelers experience a smooth flow: Home β†’ Search β†’ Hotel Details β†’ Booking β†’ Payment β†’ Confirmation . Admins have a separate dashboard for management . Low-fidelity Wireframe Initial booking flow and chatbot placement. High-fidelity design Final screens include hotel pages, payment flow, chatbot, and admin dashboard. Development Phase Technology Stack Selection Frontend – React with Redux Toolkit & ShadCN UI Reusable UI components, responsive design. RTK Query ensures efficient data fetching and caching. Backend – Node.js + Express REST APIs for hotels, bookings, payments, reviews. Clerk middleware for authentication. Database – MongoDB Flexible schema for hotel, booking, and user data. Vector search for semantic AI-powered hotel recommendations. Authentication – Clerk Secure login & registration with JWTs. Payments – Stripe Secure transactions, webhook-based verification. AI Layer – OpenAI + LangChain Natural language hotel search. GPT-4 chatbot with context memory. Deployment Frontend: Netlify Backend: Render Monitoring: UptimeRobot Key Features of the Software AI-Powered Hotel Search – Personalized search results with vector embeddings. Secure Payment Flow – Stripe checkout with webhook validation and confirmation emails. User Dashboard – Bookings, cancellations, reviews, and activity logs. Admin Dashboard – Manage hotels, bookings, and support requests. 24/7 AI Chatbot – Instant help across the platform. Email & Reminder System – Booking confirmations and pre-check-in reminders. Database Maintenance – Automatic cleanup with cron jobs. Challenges Faced and Solutions Slow image rendering β†’ Used Squoosh compression + lazy loading. Database clutter β†’ Automated cleanup with cron jobs. Inaccurate AI search β†’ Adjusted confidence threshold and refined prompts. High chatbot costs β†’ Added context filtering to reduce misuse. Render cold starts β†’ Kept backend alive with UptimeRobot. Slow dashboard stats β†’ Used in-memory caching with node-cache Future Vision / next steps Google Maps integration for hotel locations. In-app real-time chat between travelers and hotel owners. Advanced notification system (email + in-app). Multi-tenant SaaS model for independent hotel owners. Cross-platform mobile app for iOS and Android