assignment 3 - VyshnaviPerla/cs5551_vyshnavi_lab-assignments GitHub Wiki

WIREFRAMES

1.LOGIN WIREFRAME

2.REGISTRATION WIREFRAME

3.YOUTUBE AND TRANSLATE WIREFRAME

WEBPAGES

LOGIN PAGE

REGISTER PAGE

TO ACCESS THE MAIN WEBPAGE YOU SHOULD REGISTER WITH YOUR DETAILS SO CLICK SIGN UP BUTTON IN THE LOGIN PAGE TO START REGISTRATION

REGISTER WORKING

GIVE ALL THE DETAILS AS REQUIRED CLICK THE REGISTER BUTTON WHICH WILL NOW LEAD YOU TO LOGIN PAGE

LOGIN WORKING

GIVE THE USERNAME AND PASSWORD THAT YOU HAVE REGISTERED IN LOGIN PAGE THE HIT THE LOGIN BUTTON.

YOUTUBE AND TRANSLATE WEBPAGE

LOCAL STORAGE OF USERNAME AND PASSWORD

GOOGLE LOGIN

YOU CAN ALSO LOGIN USING YOUR GOOGLE ACCOUNT

GOOGLE LOGIN WORKING

GIVE YOUR CREDENTIALS

GOOGLE OAuth

HERE YOU WILL GET THE DEVELOPER'S INFORMATION

GOOGLE API

1.API SHOULD BE GENERATED USING OUR CREDENTIALS IN developers.google.com.GIVE THE PRODUCT NAME.

2.USE THIS CLIENT ID WITH THE LOCAL HOST IN THE SOURCECODE.

YOUTUBE AND TRANSLATE WORKING

YOU CAN GIVE ANY KEYWORD AND YOU WILL GET VIDEOS RELATED TO IT AND THE KEYWORD IS TRANSLATED TO ANY OF THE LANGUAGES GIVEN IN THE SELECT BOX. IN THIS EXAMPLE I HAVE CHOOSEN THE LANGUAGE HINDI,THE OTHER OPTIONS THAT I HAVE ARE ARABIC,SPANISH,CHINESE,TELUGU,JAPANESE.

JS LINT CODE QUALITY