Home
LoginPage WireFrame
RegistrationPage WireFrame
MashUpPage WireFrame
OAuth WireFrames
Login Page
A user can login to the application in ways. First, the application username and password. Second, through Google Login,, Third, through Facebook Login. If the user doesn't have any one among them or user doesn't want to link his account in the social network, he can click on the register link.
Register Page
Here the user enters the first name, last name, email id,user name and password and then click the register button. Once the user registers, he can login to the application.
Gmail Login
Once the user clicks on Login with Google button in the login form, it redirects it to the google sign in page, where we can select our google account for logging into the application.
Facebook Login
In the similar way, once the user clicks on Login with Facebook button in the login form, it redirects it to the facebook sign in page, which is the third way of logging into the application.
Main Page This is the Mashup Page which was built integrating the YouTube Data and the Yandex Translate, where you can see in the top background, the left part is the you tube symbol and the right part is the Yandex Translate symbol, where we have a search box, for searching the top trending videos in you tube for a particular search parameter and also we can translate the same word in different languages.
YouTube We enter some search parameter in the Search Field and then click on Search. Then we get the top 10 trending videos related to the search parameter.
YandexTranslateDropDown
Once we enter some text in the search field, then we have an option to select the language which we want to translate. In this application, I have included 15 languages from the dropdown.
YandexTranslate As a first example, I have entered mother in the search key word and selected Chinese from the drop down and then click on translate. Then we get the Translated Search Parameter below the Translate button. I have attached the screen shots for four different languages (Chinese, Telugu, Kannada and Hindi)
- YandexTranslate - Chinese
- YandexTranslate - Telugu
- YandexTranslate - Kannada
- YandexTranslate - Hindi
JSLint Screen Shots:
Please find below the attached screen shots for the Yandex Translate API(YdxTranslate.js file)
