Find Jobs
Hire Freelancers

simple html, js project that calls youtube API

£10-20 GBP

Completed
Posted about 5 years ago

£10-20 GBP

Paid on delivery
1. For this laboratory you will have to build a page with a simple search form that allows the user to search YouTube videos. 2. To be able to use the YouTube API you will have to get an API key. a. Log into the Google Developer's Console. This is where you can get access to the Google API's. Note that you'll need a Google account. b. Click the YouTube Data API v3 c. Click the "Create Project" button, give it a name of your choice, and agree to the terms of service (accepting the email is up to you) d. Click "Enable" to be able to use the API key that you will generate. e. Then click on "Credentials" > "Create credentials" f. Leave the first dropdown as it is, change the second to "Web Browser (JavaScript)", select "Public Data" and click the blue button. g. Choose a name, then click "Create API key" h. You will see the API key you need to make your project work. Make sure you save it in a safe place. 3. Once you have the API key you should be able to build up the application of this laboratory which consists of the following: a. You will have to create an HTML with a form that will have a text input and a button. When the user types a search term and clicks the submit button you should retrieve information from the YouTube API relevant to the given search term. b. Based on the search results the page will display at maximum 10 videos each with: i. Title of the video ii. Thumbnail image of the video c. When clicking in the title or the thumbnail image you should open the corresponding video in a new tab. A YouTube video has a unique id that is placed at the end of the following URL in order to open it in play mode: [login to view URL] d. At the bottom of the list of results you will need to show buttons to get more results (using the previous and next page links from the JSON). Add the appropriate functionality to make this requirement possible. 4. The following URL points to the documentation that you need to read in order to learn how to use this API: [login to view URL] The documentation do not list it but the api key is sent as a parameter: key=your-api-key 5. Use the AJAX techniques seen at class to complete the laboratory. 6. Once you finish with the development you will have to add this laboratory to your github under a new repository called “youtube-app”. The link to this repository must be added as a comment or in the edit text box of a new page that you will have to create under your profile.
Project ID: 18901755

About the project

1 proposal
Remote project
Active 5 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Hi, I can start immediately. Please consider my offer. I am open for discussion in regards the details. Best regards!
£20 GBP in 1 day
5.0 (7 reviews)
2.7
2.7

About the client

Flag of SWITZERLAND
Genolier,, Switzerland
5.0
3
Payment method verified
Member since Oct 28, 2015

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.