Hotel Booking System (Angular Project)

📌 Project Overview A full-featured Hotel Booking Management System built using Angular, simulating a real-world hotel reservation platform. The system includes authentication, role-based access, booking management, and API integration using json-server. ⚙️ Key Features 🔐 Authentication System User Sign Up & Login Role-based users (Admin / Staff) Session management using localStorage Reactive authentication state using BehaviorSubject 🛡️ Route Protection Implemented Auth Guard Prevents unauthorized access to booking pages Redirects users to login page if not authenticated 🌐 HTTP & API Integration Used HttpClient for all API operations Connected Angular app to json-server (fake REST API) Full CRUD operations: Create booking Read bookings Update booking Delete booking 🏨 Booking Management Module Booking List (display all reservations) Booking Detail Page (view / edit / delete) Booking Form (create new booking) Real-time updates from API 🔄 Interceptors Auth Interceptor Automatically attaches JWT token (fake token) Error Interceptor Handles API errors globally (401 / 404 / 500) ⚡ Performance Optimization Implemented Lazy Loading Modules loaded on demand: Bookings Module Register Module Improved initial load performance significantly 🔔 User Experience Enhancements Loading states (spinner handling) Notification system using BehaviorSubject Form validation (custom validators included) phone validation national ID validation password match validation