This Application is designed for searching Youtube Videos and the result can be sorted by video title or published date.
-
Nodejs
-
npm
-
Angular CLI
-
Youtube API V3 Key
Nodejs is requied because we are using npm(Node Package Manager) for dependencies installation. Download from Node.js v4+. or
$ sudo apt-get update $ sudo apt-get install nodejs
npm(Node Package Manager) is required for dependencies installation.
$ sudo apt-get install npm
Angular CLI is a command line interface. It assists developers by generating code which follows the best practices as defined by https://angular.io, Angular’s home site.
$ sudo npm install -g @angular/cli
Refer: https://developers.google.com/youtube/v3/getting-started Note: If you are using this for viewing purpose, you don't need API key. Skip this step.
- Goto project directive and install dependencies.
$ cd Youtube $ npm install
Run
ng serve
for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. Note: By default localhost port is 4200 until changed.$ sudo ng serve
- This app uses Youtube API V3 to search the videos.
- By default the search result shows 25 videos.
- When the user opens the app, it shows default results provided by youtube API V3.
- Navigate to http://localhost:4200/
- In the search box, provide the video details that you are searching for.
- Hit Enter or press the search button to search
- The app has a feature to 'sort by date' and 'sort by title'
- Upon clicking "Load More" button, it shows more 25 videos.
- Goto project directive and install dependencies.