HostelHunt

• 

  Listing Page

• 

  Home page

• 

  Finding Room page

• 

  Team page

🌟 Inspiration As students living away from home, we saw firsthand how hard it was to find good rooms or roommates. Information is scattered, brokers are costly, and there’s no student-first solution. So we built one.

🏠 What it does HostelHunt is a web platform where students can:

📝 List rooms with rent, location, BHK, roommates, and contact number

🔍 Search listings using filters like locality, BHK type, or number of roommates

💬 Chat with an AI assistant (Dialogflow chatbot) for help

📱 Contact listers directly via WhatsApp

🛠️ How we built it Frontend: HTML + Tailwind CSS

Logic: JavaScript (vanilla)

Storage: localStorage

AI Chatbot: Integrated Dialogflow with pre-trained intents (listing help, contact, search)

Extra: WhatsApp link buttons for direct contact, fully responsive layout

⚙️ Features we added 🔎 Search Bar: Filter listings by location, BHK, or building name

📊 Dropdown Filters: Filter by roommates and BHK

🔄 Sorting Options: Sort by rent, date posted

💬 Chatbot: Dialogflow assistant that answers FAQs and helps users

✅ Default Listings: Even if localStorage is empty

📲 WhatsApp Button: Direct contact with lister

🧱 Challenges we ran into Merging default and submitted listings without overwriting

Maintaining responsiveness across screen sizes

Linking WhatsApp dynamically from form input

Making the chatbot handle intent recognition properly

🏆 Accomplishments we’re proud of Complete front-end MVP with real usability

Seamless integration of chatbot and WhatsApp contact

Clean, modern UI built from scratch

Real-time filtering and searching — no backend required

📚 What we learned Using localStorage effectively for dynamic apps

Building clean UIs with Tailwind

Creating helpful chatbot flows using Dialogflow

Enhancing UX through search, filter, and sort design

🔮 What's next for HostelHunt Image uploads for room previews

Google login and user authentication

Backend (Node.js + MongoDB) for persistent storage

Admin dashboard for moderating listings

Multi-language support (English + Hindi/Marathi)

Built With

• css3
• github
• html5
• javascript
• netlify
• tailwind