CMPE 281: Project2--Travel-O-Cloud

• University Name: San Jose State University
• Course: Cloud Technologies
• Professor: Sanjay Garje
• Students: Archana Miyar Kamath, Simran Tanvir Memon, Mounica Kamireddy, Limeka Dabre

Project Introduction

Travel-O-Cloud is a one stop application targeted to help users plan their lovely trip with the help of features like booking a hotel, checking for weather conditions, helping them store their trip memories in the form of images. And all this by securely logging in to the application using AWS Login or by using social identity providers like Google or Facebook. Users will be able to check for the current weather in their choice of city and book a hotel using Chatbot for their stay. Users will be able to upload the pictures from the places that they have visited and store it safely, moreover, they can also share the pictures on Facebook and retrieve the pictures from their trip to obtain highlights of locations.

Website URL

Demo URL

Architecture Diagram:

Requirements to run the project locally:

• A free tier AWS account with IAM user access.
• AWS Components required are as mentioned in the following section.
• Softwares Required: Node JS, React JS
• Clone this git repository using git clone https://github.com/archana-kamath/travel-o-cloud.git
• Install backend dependencies at travel-o-cloud-backend/ using npm install and add a .env file with IAM user Access ID and Secret key.
• Run node app.js and server starts running at default port.
• Install frontend dependencies at travel-o-cloud-frontend/ using npm install
• Run npm start and now the application starts running at localhost:3000
• Note: Helper lambda functions can be used from AWS_Lambda_Code/

AWS Components Required:

• Route53: This application is hosted on web using Route53, a registered web domain provided by AWS. SSL Cerificate was enabled on this domain by obtaining it from Amazon Certificate Manager.

• Elastic Beanstalk: Travel-O-Cloud was deployed using Elastic Beanstalk, a service to host web applications. It manages the web application by keeping track of important features such as load balancing, auto scaling, health monitoring etc. It comes with EC2 instances by default.

• Image Rekognition: This service is used in application to recognize the objects in the uploaded image which further helps to filter the images while searching. A lambda code hook gets enabled when user uploads images.

• Amplify: Amplify Auth helped us to achieve a secure authentication and authorization flow. With the help of Cognito as its main authentication provider, it enables in building a robust user directory service that handles user registration, authentication, account verification and other operations.

• Cognito: Cognito was used to authorize users by validating the token with the federated identity providers like Facebook and Google received upon login. It creates user pools to store the registered and logged in users from both, amplify login as well as social providers login.

• API Gateway: This service is used to receive user details from the frontend and act as a integration endpoint for backend resource. It invokes the custom Lambda authorizer and passes the token for further validation.

• CloudFormation: CloudFormation helped us in creating a template of all the resources and its properties generated via Amplify.

• Lex: Using this conversational interface which is voice and text enabled. Amplify interactions which uses Lex was used to integrate chatbot into application to book hotels. A lambda code hook helps in fulfilling the intent of users.

• S3: S3 bucket was used to store the files in AWS where a life cycle policy was enabled for the bucket in such a way that the files exist in standard S3 for 75 days, then moves to standard IA and stays there for 365 days and then moves to s3 glacier for another 365 days and finally gets deleted. Transfer acceleration was enabled to avoid any delays due to internet routing and speed. Replica of the used bucket was configured in different region to enable disaster recovery.

• Cloud Front: Cloud front was enabled for S3 bucket and the files can be accessed and downloaded through lambda edge location. Cloud Front acts as a cache storage. Geo location restriction was enabled for restricted countries.

• Amazon Dynamo DB: A NoSQL DB used to store user details and corresponding image uploads.

• Lambda: A lambda function which gets triggered once user uploads images to S3 bucket and sends emails to application owner.

• SNS: A notification service which helps application owner to monitor and track users activity.

• Cloud Watch: A monitoring service to keep track of the health and utilization of resources.

• Sage Maker: A service used to build, train and deploy ML models. This application can be further enhanced to help users in recommending hotels based on location and customer reviews.

• Code Pipeline: A CI/CD service which enables continuous integration and delivery when ever a code commit occurs in github and gets uploaded to S3. An updated deployed version is delivered to Elastic bean stalk application.

Application Screenshots:

• AWS Login/Signup:

• Google Login:

• Facebook Login:

• Weather Page:

• Upload Image Page:

• FB Sharing:

• Search Image Page:

• Chat Bot:

• Hotel Recommendations: