Git Product home page Git Product logo

youtubesearch's Introduction

YouTube Search Clone

A simple web application that utilizes the YouTube API to search for videos and implements custom pagination.

Features

  • Search for videos using the YouTube API
  • Custom pagination for search results
  • Responsive design
  • Deployment

Getting Started

Prerequisites

To run this project, you'll need to have Node.js installed on your machine.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/youtube-search-clone.git

  2. Install the dependencies:

    cd youtube-search-clone
    npm install
    
  3. Create a .env file in the root directory and add your YouTube API key:

    REACT_APP_YOUTUBE_API_KEY=your_api_key_here

    Replace your_api_key_here with your actual API key.

  4. Run the application:

    npm start

The application should now be running on http://localhost:3000.

Future Plans

  • Queueing Tool: Implement a queueing tool to create custom playlists, allowing users to curate their own video lists.
  • API Key Component: Develop an API key input component for users to enter their own API keys on the deployed site, enhancing the flexibility of the application.
  • Authentication: Integrate login/signup functionality with authentication to enable users to create and manage their accounts.
  • Sharing Playlists: Allow users to share their playlists by generating profile links and providing options to share playlists with others.

Feel Free to Contribute

I welcome contributions to improve and expand the functionality of this Youtube Search Clone. Hopefully we can make it into a fun media sharing app. If you're interested in contributing, please follow these steps:

  1. Fork the Repository: Create your own fork of the project on GitHub.
  2. Clone the Fork: Clone your fork locally and create a new branch for your feature or bug fix.
  3. Make Changes: Make the necessary changes to the code, ensuring it adheres to the project's style and guidelines.
  4. Commit and Push: Commit your changes and push them to your fork.
  5. Submit a Pull Request: Create a pull request from your fork to the original repository, detailing the changes you've made and their purpose.

Before submitting a pull request, please ensure your code is well-documented and tested. I'll review your changes and provide feedback as necessary.

License

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

Copyright (c) 2023 Wesley Grant

youtubesearch's People

Contributors

bigolboyyo 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.