GithubHelp home page GithubHelp logo

cohort2-collins-hotel's Introduction

What is SmartHotel360 ?
SmartHotel360 is a fictitious smart hospitality company showcasing the future of connected travel.
Their vision is to provide:

  • Intelligent, conversational, and personalized apps and experiences to guests
  • Modern workplace experiences and smart conference rooms for business travelers
  • Real-time customer and business insights for hotel managers & investors
  • Unified analytics and package deal recommendations for campaign managers.

What is the intent of this demo?
There’s never been a better time to be a developer. Our intent with these set of reference apps and Azure backend is to show developers how to get started building the apps of the future, today!


Where is the code for the SmartHotel360 applications?

The entire code for the SmartHotel360 application is maintained on GitHub at https://github.com/microsoft/SmartHotel360. The build and release pipelines in this project are set to point to this repo.


How can I deploy the application to my subscription?
SmartHotel360 has multiple apps that share a common backend, including a public website where hotel guests can book a room, smart conference rooms, and even verify if their pets are allowed in the hotel. In this demo we are going to build and deploy public website of SmartHotel360

Please follow the steps below to deploy the "Public Web" application.

Build and Deploy SmartHotel360 Public Web

  1. Navigate to Pipelines | Builds. Select SmartHotel_Petchecker-Web pipeline and click Edit. EditBuildPipeline

  2. The build pipeline has two agent jobs to build Website project and Pet Checker function app project. BuildPipeline

    • The SmartHotel360.Website project: An ASP.NET Core website which is a web app developed using React+Redux and server-side rendering.

    • The SmartHotel360.WebsiteFunction project: An Azure Function used to analyze photos of pets using the Cognitive Services Vision API and Azure Cosmos DB.

  3. Click on Queue to trigger the build. Once the build process starts, select the build number to see the build in progress.

    QueueBuild

  4. Once the build is success navigate to Pipelines | Releases. Select SmartHotel360_Website-Deploy pipeline and click Edit. Then click on Tasks.

    EditRelease

  5. Select Azure Resource Group Deployment task. Select your Azure subscription from Azure subscription dropdown. Click Authorize.

    AzureSubscription

    You will be prompted to authorize this connection with Azure credentials. Disable pop-up blocker in your browser if you see a blank screen after clicking the OK button, and please retry the step.

    This creates an Azure Resource Manager Service Endpoint, which defines and secures a connection to a Microsoft Azure subscription, using Service Principal Authentication (SPA). This endpoint will be used to connect** Azure DevOps** and Azure.

    If your subscription is not listed or to specify an existing service principal, follow the Service Principal creation instructions.

  6. Update the Azure Subscription in all the other tasks and Save the changes.

  7. Click Create Release to trigger the deployment.

    CreateRelease

    Once the deployment is success, navigate to your Azure portal. You will see a website https://smarthotel360xxxx.azurewebsites.net/ under the resource group Website. Browse the website. The deployed application will look like as below

    Website

cohort2-collins-hotel's People

Contributors

collinsigeh avatar akshayvh94 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.