Skip to content
AnushaJasti edited this page Oct 12, 2018 · 1 revision

Lab Assignment Submitted by Team : 13-2

Member 1 : Anusha Jasti

Class ID : 18

Member 2 : Joshmitha Tammareddy

Class ID : 49


1. Login and Register Pages

a) OAuth Login & Registration

OAuth is all about having an option of signing in to the website using any of the social login's mostly used world wide rather than manually registering or signing up for the website.

We have two other navigations like "About" and "Contact Us" right on the top of the webpage which gives basic info.

The options an user has in order to login to the website is by manually signing in or using the google sign in option available which upon clicking redirects you to your gmail sign in page. We used Google sign in as its most commonly used among different users.

The below image is a snippet of the code where you can see the getName() function which is used to retreive the username of the google user if the user preferred the google sign in option.

Similarly, if the user enters wrong credentials we get a pop up message as "sign in failed ".

b) Registration Page

The user needs to enter all the details asked as every field is mandatory.

If at all a user misses out to fill few of the details , it displays an error message.

We valuate the details entered by the user and after completing the process it redirects the user to the login page.

c) About Page

This is just a basic page where we describe about the project we are doing.

d) Contact Page

This "Contact" page contains details of our team members.

e) MashUp Application

Here we use two API's : Translate API, Youtube API

The output contains a text field where the user has to enter a text of their choice.

Enter the Text of any choice and select the desired language in which the text entered should be converted.

Upon clicking the "Translate and Search for Youtube Video" button we get our desired output of the translated text and the respective youtube video.

Below are some different outputs with various texts and languages.

f) JSLint Code Quality Check

We check the code quality uisng this tool by copying our code into JSLint.

We got an error in the quality check as we developed code for html and css part seperately and the JSLint was unable to find the CSS code part within the html file as there is only the path mentioned in it but not the actual code.

g) GitHub Repository

We have created a Repository in the GitHub with the name "CS5551_team_13-2_labassignments". We have created the Source and Documentation files and placed the Code Part and Screenshots respectively.

h) ZenHub

i) Contribution Chart for Lab 1

j) Creatly

Class Diagram for School Library System