StayFinder

Frontend Assignment StayFinder is a modern, responsive hotel discovery web application built using HTML. The application fetches hotel data from a live REST API and displays it in an elegant, user-friendly interface.

Designed as a single-page application (SPA), StayFinder provides an interactive hotel browsing experience with search, filtering, hotel ratings, pricing, and authentication screens while maintaining a clean and responsive UI.

---

✨ Features

• 🔐 Login & Sign-Up Interface
• 🌐 Live Hotel API Integration
• 🔍 Search Hotels by Name
• 📍 Browse Hotels by Location
• ⭐ Hotel Ratings
• 💰 Price Display
• 🎯 Filter Hotels
• 🏨 Dynamic Hotel Cards
• 📱 Fully Responsive Design
• ⚡ Fast & Interactive UI
• 🎨 Modern Glassmorphism Inspired Design

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (ES6)
• REST API
• Vercel (Deployment)

---

🌐 API Used

API Documentation

https://demohotelsapi.pythonanywhere.com/

Hotel API Endpoint

https://demohotelsapi.pythonanywhere.com/hotels/

The hotel listings are dynamically fetched from the provided API and rendered in the application.

---

🚀 Live Demo

Live Website

https://stay-finder-bg5hkbtcp-next-v.vercel.app

---

📂 Project Structure

StayFinder/
│
├── index.html
└── README.md

The complete application (HTML, CSS, and JavaScript) is contained within a single index.html file.

---

⚙️ Getting Started

Clone the repository:

git clone https://github.com/priyaaa405/StayFinder.git

Open the project folder and simply launch index.html in your browser or use VS Code Live Server.

---

📸 Application Preview

🔐 Authentication

• Login Interface
• Sign-Up Interface

🏠 Home Page

• Hero Section
• Search Bar
• Popular Destinations
• Hotel Listings
• Filter Sidebar

🏨 Hotel Cards

• Hotel Images
• Ratings
• Price
• Location
• Reserve Button

---

🎯 Future Enhancements

• ❤️ Wishlist / Favorites
• 🛏️ Complete Hotel Details Page
• 📅 Room Availability Calendar
• 💳 Online Payment Integration
• 🧾 Booking Confirmation System
• 🗺️ Google Maps Integration
• 🌙 Dark & Light Theme Toggle
• 🔄 Advanced Sorting (Price, Rating, Popularity)
• 🗣️ User Reviews & Ratings
• 📧 Email Notifications
• 👤 User Profile Dashboard
• 🔑 Backend Authentication
• 📱 Progressive Web App (PWA) Support
• 🌍 Multi-language Support
• 🤖 AI-Based Hotel Recommendations

---

👩‍💻 Author

Priya Rani

GitHub: https://github.com/priyaaa405

---

🙌 Acknowledgements

• Hotel API provided for the project assignment.
• Vercel for seamless deployment.
• Open-source community for inspiration and learning resources.