Giter VIP home page Giter VIP logo

vue-youtube-video-browser-'s Introduction

Vue Youtube Video Browser

This is a simple application build with the help of Vue.js and bootstrap. Here, the user can search top 5 youtube videos by entering the name of the video the user wants to search for and then presss the ENTER key. After this, the user will be displayed with top 5 videos based on that search and then the user can simply play a youtube video by simply clicking on it.


NOTE :- You need to press ENTER in order to see the search result.


Installing the application in Local Environment

In order to run the application, we first need to have "vue-cli" installed in your system. TO install "vue-cli", open command prompt and enter the following command and then press ENTER

npm install -g @vue/cli

After you have successfully installed vue-cli, you then need to clone this repository in your local system. After you have cloned the repo, open command prompt inside that folder where all the files of this projects are present, and then run

npm i

This will install the necessary node_modules of the project.


Running the Application in local environment

In order to run this application locally in the system, open command prompt inside the folder where all the files of this project is present, and then run

npm run serve

This command will now start a development server. After the development server starts running successfully, you will get a localhost url. You just need to copy that url and paste it in browser to open the website.

Important Note

When you will open this website and search for something, then there is a chance that you will not get any search result. Now, there can be two possible reasons for it =>

a) You don't have any stable internet connection.
b) The API which is being used in this application to search for youtube videos i.e. YouTube Data API v3 has reached its daily limit and is down for that particular day.


To know more about YouTube Data API v3, visit https://developers.google.com/youtube/v3/getting-started

vue-youtube-video-browser-'s People

Contributors

somenath203 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.