Skip to content

Latest commit

 

History

History

Youtube Search Engine

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Image of Yaktocat

Youtube Search Engine

In this project, I am using the Youtube data API v3. This is the first project where i have used a third party API. Youtube gives us the ability to search, upload and publish all sorts of videos on their servers; but in this project I am focusing only on the search API. So, Youtube still provides v2 of data API, but we are using the latest one to learn more. The search box will be animated which is another piece of javascript code that is implemented during the project.I have used the channelList and searchList methods as well as fancyBox plugin to open videos. The previous and next page functionality is also included. The most challenging but fun part is making the GET request using $.get() and looping through the result set and dynamically inserting it into the HTML. Some fundamental concepts here are using the jQuery animate() method for the search bar and using the API Page Tokens.


Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.


Prerequisites

Things you need to know before you start working with the project
  1. HTML5
  2. CSS3
  3. JQuery
  4. Javascript

Installing

You can use git clone or simply download the zip to your local machine.


Testing

This application has been tested on several other browsers like Chrome, Mozilla and Microsoft Edge.


Built With

  1. HTML5
  2. CSS3
  3. JQuery
  4. Javascript
  5. Bootstrap

Contributing

Please read 'CONTRIBUTING.md' for details on our code of conduct, and the process for submitting pull requests to us.


Authors

  • Vaibhav Acharya

License

This project is licensed under the MIT License - see the 'LICENSE.md' file for details


Acknowledgments

I would like to thank the JQuery twitter team for awesome feedback and timely response. I hope this project will inspire you to create many more projects ahead. Thank you for using or contributing to this repository.