lab Assignment 1 - RajeshwariCh/CS-5551--Lab-Assign GitHub Wiki

Mashup Web Application

Submitted By:

Team Member - 1
Name: Sirisha Rella
Class-ID: 43
Team Member - 2
Name: Rajeshwari Cholleti
Class-ID: 08

Objective:

Developing a application with the following features:

OAuth Login Page
Registration and Login Pages.
Local Storage to store the user data.
ProfileInfo Page that displays data pulled from localstorage.
Homepage that contains a mashup service which comprises one Knowledge service.
About page which says Project Information.
Contact Page comprises of Contact Information
Used CSS, Bootstrap, CSS Icon library, Jquery, AngularJS for better UI and Behavior.
Jslint for Checking JS errors.
Class diagram for school library system
Zenhub Milestones.

1.Login and Registration:

Step:1

Created google client_id for using google API.

Step:2

Google Sign in button. g-signin2 is a google class that provides us google button for logging in. It calls onSignIn() method on successful login.

Step:3

Google Signin() and Signout() functions of API.

2.Registration and Login Page

GUI of application

3.Localstorage:

localstorage for storing details and authorizing user for login.

4.Profile Info:

Displays profile info for the user logged in. Retrieves details from the local storage.

5.Mashup Service:

We have used Knowledge graph search API that pulls the information based on the user's input and text to speech API is used to convert the description text to Speech API.

API calls from angularJS functions.

6. About Page

Displays information about project details.

7.Contact Page:

Displays Contact Information. Used bootstrap flip card to show the contact details. User on hover of the image, it flips to the other side to display contact details.