{"id":29311435,"url":"https://github.com/aadityauohyd/abc-hotel-goa","last_synced_at":"2025-10-24T07:32:37.493Z","repository":{"id":303193815,"uuid":"1014527895","full_name":"AadityaUoHyd/abc-hotel-goa","owner":"AadityaUoHyd","description":"hotel room booking app for abc-hotel, a hotel in Goa. Frontend code.","archived":false,"fork":false,"pushed_at":"2025-07-06T14:58:37.000Z","size":65480,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-06T15:32:16.726Z","etag":null,"topics":["angular","cloudinary","mysql","razorpay"],"latest_commit_sha":null,"homepage":"https://abc-hotel-goa.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AadityaUoHyd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-05T22:45:32.000Z","updated_at":"2025-07-06T14:58:40.000Z","dependencies_parsed_at":"2025-07-06T15:43:41.669Z","dependency_job_id":null,"html_url":"https://github.com/AadityaUoHyd/abc-hotel-goa","commit_stats":null,"previous_names":["aadityauohyd/abc-hotel","aadityauohyd/abc-hotel-goa"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AadityaUoHyd/abc-hotel-goa","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AadityaUoHyd%2Fabc-hotel-goa","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AadityaUoHyd%2Fabc-hotel-goa/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AadityaUoHyd%2Fabc-hotel-goa/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AadityaUoHyd%2Fabc-hotel-goa/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AadityaUoHyd","download_url":"https://codeload.github.com/AadityaUoHyd/abc-hotel-goa/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AadityaUoHyd%2Fabc-hotel-goa/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264040975,"owners_count":23548077,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","cloudinary","mysql","razorpay"],"created_at":"2025-07-07T08:14:47.038Z","updated_at":"2025-10-24T07:32:32.436Z","avatar_url":"https://github.com/AadityaUoHyd.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ABC-Hotel Web Application\nA personalized hotel room booking platform for ABC-Hotel. This repo contains only frontend code.\n\n![](https://raw.githubusercontent.com/AadityaUoHyd/abc-hotel-goa/refs/heads/main/screenshot.png)\n\n## Overview\nThe ABC-Hotel Web Application is a full-stack hotel management and booking platform \nbuilt with Angular (frontend) and Spring Boot (backend). It showcases the luxurious \nofferings of ABC-Hotel in Goa, featuring a responsive UI with a carousel, room search \nfunctionality, amenities display, and information about the hotel's location, dining, \nand attractions. The app is designed to provide an engaging user experience for guests \nto explore rooms, amenities, and local attractions, with a mobile-friendly layout optimized \nfor desktop, tablet, and mobile devices.\n\n## Key Features\n- Book hotel rooms.\n- Search by your booking confirmation code.\n- Hero Carousel: Displays stunning hotel images with navigation controls (Bootstrap 5.3.7).\n- Room Search: Allows users to search for available rooms via a custom \u003capp-roomsearch\u003e component.\n- Amenities Section: Showcases 15 amenities (e.g., Air Conditioning, Wi-Fi, Pet Friendly Apartments) using Bootstrap Icons, with uniform card heights and responsive grid layout.\n- Browse All Rooms: Mobile-friendly section with a hotel image and \"Browse All Rooms\" button, styled for responsiveness.\n- Additional Sections: About Us, Speciality (e.g., Goa Konkan Thali), Special Hut House, Location (Google Maps), Why Choose Us, Top Places to Visit in Goa, Testimonials, and Call-to-Action.\n- Responsive Design: Optimized for desktop (3-4 columns), tablet (2 columns), and mobile (1 column) \nusing CSS media queries and Bootstrap.\n\n## Technologies\n\n- Frontend:\n- Angular 19.x\n- Bootstrap 5.3.7 (CSS and JS)\n- Bootstrap Icons 1.11.3\n- Poppins font (via font-family: 'Poppins', sans-serif)\n\n## Backend:\n- Spring Boot 3.x\n- Java 17\n- Spring Data JPA, Spring Web for room search API\n\n\n## Dependencies:\n- Node.js 18.x or later\n- npm 9.x or later\n- Maven 3.8.x or later\n\n\n## External Resources:\n- CDN for Bootstrap: https://cdn.jsdelivr.net/npm/bootstrap@5.3.7\n- CDN for Bootstrap Icons: https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3\n- Google Maps Embed API for location section\n- Unsplash images for About Us, Why Choose Us, and Top Places sections\n\n\n\n## Prerequisites\n\n- Node.js: Version 18.x or higher (includes npm)\n- Angular CLI: Version 17.x (npm install -g @angular/cli)\n- Java: JDK 17\n- Maven: Version 3.8.x or higher\n- Git: For cloning the repository\n- IDE: VS Code, IntelliJ IDEA, or similar for frontend and backend development\n- Browser: Chrome, Firefox, or Edge for testing\n\n## Installation\n\nClone the Frontend Repository:\ngit clone https://github.com/AadityaUoHyd/abc-hotel.git\ncd abc-hotel\n\n\n## Frontend Setup (Angular):\n```\nNavigate to the Angular project directory:cd abc-hotel\n\n\nInstall dependencies : npm install --force\nTo Run : npm start\n\nVerify Bootstrap and Bootstrap Icons in index.html:\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\"\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js\"\u003e\u003c/script\u003e\n\n```\n\n\n## Backend Setup (Spring Boot):\n```\nNavigate to the Spring Boot project directory (assumed to be in the root or a subdirectory, e.g., backend):cd backend\n\nInstall Maven dependencies:mvn clean install\n\nConfigure database (using MySQL via cloud, you can use mysql or H2 or postgresql in localhost or cloud or docker)\n in application.properties (adjust as needed):spring.datasource.url=jdbc:h2:mem:hoteldb\n\nRunning the Application\n\nStart the Backend (Spring Boot):\n\nFrom the backend directory:mvn spring-boot:run\n\nThe backend typically runs on http://localhost:8080.\n\nAccess the Application:\n\nOpen http://localhost:4200 in a browser.\nTest features: carousel navigation, room search, amenities display, and Browse All Rooms button.\n```\n\n\n## Project Structure\n```\nabc-hotel-app/\n├── abc-hotel/                  # Angular frontend, will be deployed in vercel\n│   ├── src/\n│   │   ├── app/\n│   │   │   ├── home/\n│   │   │   │   ├── home.component.html    # Main page with carousel, amenities, etc.\n│   │   │   │   ├── home.component.css     # Styles for home page\n│   │   │   │   ├── home.component.ts      # Component logic\n│   │   │   ├── roomsearch/                # Room search component\n│   │   │   ├── roomresult/                # Room results component\n│   │   ├── assets/\n│   │   │   ├── images/                    # Images (hero1.png, browse.png, etc.)\n│   │   ├── index.html                     # Main HTML with Bootstrap CDNs\n│   │   ├── styles.css                     # Global styles\n│   ├── angular.json\n│   ├── package.json\n├── abc-hotel-backend/                    # Spring Boot backend (will be dockerized for deployment)\n│   ├── src/\n│   │   ├── main/\n│   │   │   ├── java/\n│   │   │   ├── resources/\n│   │   │   │   ├── application.properties # Database and server config\n│   ├── pom.xml\n│   ├── .env\n├── README.md\n```\n\n## Usage\n- Home Page (http://localhost:4200):\n- Carousel: View hotel images with navigation buttons and indicators.\n- Room Search: Use the \u003capp-roomsearch\u003e component to search for rooms, displaying results in \u003capp-roomresult\u003e.\n- Amenities: Browse 15 amenities (e.g., Wi-Fi, Pet Friendly Apartments) in a responsive grid (3-4 columns on desktop, 2 on tablet, 1 on mobile).\n- Browse All Rooms: Click the \"Browse All Rooms\" button to navigate to /rooms.\n- Other Sections: Explore About Us, Speciality, Special Hut House, Location, Why Choose Us, Top Places, Testimonials, and Book Now sections.\n\n\n## Contributing\n- Fork the repository.\n- Create a feature branch (git checkout -b feature/your-feature).\n- Commit changes (git commit -m \"Add your feature\").\n- Push to the branch (git push origin feature/your-feature).\n- Open a pull request with a detailed description.\n\n## Angular Deploy\nProvide these during vercel build.\n```\nInstall Command : npm install --force\n```\nAnd click on deploy.\n\n## License\nThis project is licensed under the MIT License.\n\n## Dummy Test User\nAdmin credentials : aadi@yopmail.com/Password#123\nUser Credentials : santosh@yopmail.com/Password#123\n\n## Live link (if deployed)\nhttps://abc-hotel-goa.vercel.app","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faadityauohyd%2Fabc-hotel-goa","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faadityauohyd%2Fabc-hotel-goa","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faadityauohyd%2Fabc-hotel-goa/lists"}