Youtube Playlist Manager

A great tool to manage your playlists

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
   • API Used
2. Changelog
3. Getting Started
   • Prerequisites
   • API Setup
   • Installation
4. Contributing
5. License

About The Project

Built With

• 
• 
• 
• 
• 

API Used

	Name	Description	Library
	Google Identity Services SDK	Used for authentification	react-oauth
	YouTube Data API	Used to retrieve playlists and their contents	No library used
	YouTube API iFrame	Used to play videos in playlists	react-youtube

(back to top)

Changelog

Click here

(back to top)

Getting Started

Prerequisites

• npm

  npm install npm@latest -g

• yarn

  npm install yarn -g

API Setup

1. Create a project in the Google Developpers Console
2. In your project menu go to "API and services"
3. Then find and activate Youtube Data API
4. Finaly create an ID for this API and save it for later

Installation

1. Create a folder for this repo

   mkdir YoutubePlaylistManager

2. Clone the repo

   git clone https://github.com/philippechevieux/youtube-playlist-manager.git

3. Install requiered packages

   yarn install

4. Create an environnement file .env at the root of the directory
5. Enter your YouTube Data API ID (that you have previously saved) in .env

   REACT_APP_GOOGLE_CLIENT_ID = MY_KEY;

6. Start the application

   yarn start

7. Once the installation is complete, you can access to the application at http://localhost:3000.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please create a pull request. You can also simply open an issue with the appropriate tag. Don't forget to give the project a star! Thanks again!

1. Create your Branch from develop (git checkout -b feature/AmazingFeature)
2. Commit your Changes (git commit -m 'Add some AmazingFeature')
3. Push to the Branch (git push origin feature/AmazingFeature)
4. Open a Pull Request

(back to top)

License

Distributed under the MIT License.

(back to top)