Repository navigation
Lab 1
Lab Assignment Submitted by Team : 13-2
Member 1 : Anusha Jasti
Class ID : 18
Member 2 : Joshmitha Tammareddy
Class ID : 49
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 ".
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.
This is just a basic page where we describe about the project we are doing.

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

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.


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.


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.




Class Diagram for School Library System
