|
7 | 7 |  |
8 | 8 |  |
9 | 9 |
|
10 | | -A modern and responsive hotel management system for room booking, staff administration, and seamless guest experience. Designed for both customers and hotel managers to interact efficiently. |
| 10 | +# 🌴 Food, LLC — Responsive Hotel Website |
| 11 | + |
| 12 | +**Mana Hottel** is a clean, modern, and fully responsive hotel website created as part of the **[Coursera Web Development Course](https://www.coursera.org/)**. This project demonstrates proficiency in front-end development using semantic HTML, modern CSS, and vanilla JavaScript. It simulates a real-world hotel website with room listings, booking form, and contact interface. |
11 | 13 |
|
12 | 14 | --- |
13 | 15 |
|
14 | | -## 🔗 Live Demo |
| 16 | +## 🎓 Course Project Overview |
15 | 17 |
|
16 | | -👉 [Click here to try the live demo](https://your-live-demo-link.com) |
| 18 | +- **📘 Course Title:** *Introduction to Front-End Web Development* |
| 19 | +- **🧑🏫 Instructor:** *[Insert Instructor Name]* |
| 20 | +- **🏛️ Offered by:** *[Insert University Name, e.g., University of London]* |
| 21 | +- **🛠️ Project Type:** Capstone / Final Assessment Project |
| 22 | +- **📅 Completed:** *[Month, Year]* |
| 23 | +- **🎖️ Certificate:** [View Certificate](#) *(Optional)* |
17 | 24 |
|
18 | 25 | --- |
19 | 26 |
|
20 | | -## ✨ Features |
| 27 | +## 🌐 Live Preview |
21 | 28 |
|
22 | | -- 🛏️ Browse available rooms with images & descriptions |
23 | | -- 🔐 User registration & login |
24 | | -- 💳 Secure online booking with payment gateway |
25 | | -- 📧 Email confirmation for reservations |
26 | | -- 🧾 Booking history & status tracking |
27 | | -- 🛠️ Admin dashboard to manage rooms, bookings, and users |
28 | | -- 📱 Fully responsive UI for mobile, tablet, and desktop |
| 29 | +🔗 [Click here to view the live site](https://your-live-link.com) |
29 | 30 |
|
30 | 31 | --- |
31 | 32 |
|
32 | | -## 🧰 Tech Stack |
| 33 | +## 🛠️ Technologies Used |
33 | 34 |
|
34 | | -| Layer | Technologies | |
35 | | -|-------------|--------------------------------------------| |
36 | | -| **Frontend** | Tailwind CSS / Bootstrap, Axios | |
37 | | -| **Backend** | Node.js, Express.js / Django / Laravel | |
38 | | -| **Database** | MySQL / PostgreSQL / MongoDB | |
39 | | -| **Auth** | JWT / Firebase / OAuth2 | |
40 | | -| **Payment** | easypasa/jazzcashe/zindagy | |
| 35 | +- ✅ **HTML5** – semantic, accessible markup |
| 36 | +- ✅ **CSS3** – responsive layout, flex/grid, animations |
| 37 | +- ✅ **JavaScript (ES6)** – dynamic interactivity |
| 38 | +- ✅ Responsive Web Design (Mobile-first approach) |
| 39 | +- ✅ Optional: **Bootstrap / Tailwind CSS** (if applicable) |
| 40 | +- ✅ Git & GitHub for version control |
41 | 41 |
|
42 | 42 | --- |
43 | 43 |
|
44 | | -## ⚙️ Installation |
| 44 | +## ✨ Key Features |
45 | 45 |
|
46 | | -### 1. Clone the Repository |
| 46 | +- ✅ **Hero section** with CTA and background image |
| 47 | +- ✅ **Room listings** with pricing and booking options |
| 48 | +- ✅ **Interactive booking form** (front-end only) |
| 49 | +- ✅ **About Us** page with hotel information |
| 50 | +- ✅ **Contact page** with form and map placeholder |
| 51 | +- ✅ **Mobile-responsive** across all screen sizes |
| 52 | +- ✅ Clean, modern, and accessible user interface |
| 53 | + |
| 54 | +--- |
47 | 55 |
|
| 56 | +## 🚀 Getting Started |
| 57 | + |
| 58 | +To run this project locally: |
| 59 | + |
| 60 | +### 1. Clone the Repository |
48 | 61 | ```bash |
49 | | -git clone https://github.com/yourusername/hotel-management-system.git |
50 | | -cd hotel-management-system |
| 62 | +git clone https://github.com/yourusername/mana-hottel.git |
| 63 | +cd mana-hottel |
0 commit comments