<repo_name>Rphmelo/Youtube-video-search-app<file_sep>/src/components/search_bar.js
import React, { Component }  from "react";

class SearchBar extends Component {
    constructor(props){
        super(props);

        this.state = { term: 'Starting Value'};
    }

    render() {
        return (
            <div className="search-bar search-container">
                <form>
                    <input type="text" placeholder="Type something to search a video"
                           onChange={event => this.setState({term: event.target.value})}/>
                    <button type="button"
                            className="btn"
                            onClick={() => this.props.onSearchTermChange(this.state.term)}>
                        <span aria-hidden="true">Search</span>
                    </button>
                </form>
            </div>
        )
    }
}

export default SearchBar;<file_sep>/README.md
# Youtube Video Search App

A simple app for searching videos from youtube. Basically, you type something and the app brings the videos related to that.
It was written in React and Redux.

### 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

What things you need to install the software and how to install them

[Node - Click to download](https://nodejs.org/en/)


To use this app, you need to create an API key for using youtube API. To do that, access this turorial:

[Get a key from youtube API](https://developers.google.com/youtube/v3/getting-started?hl=pt-br)

After creating your API Key, you need to add in the index.js file:

``` javascript
// Your Youtube API Key goes here
const YOUTUBE_API_KEY = "";

```
#### Downloading this repository
Download this repo using the ```git clone``` command:

```
> git clone https://github.com/Rphmelo/Youtube-video-search-app.git
```

### Installing

A step by step series of examples that tell you how to get a development env running

Install the dependencies

```
npm install
```

After installing the dependencies, the given command will run the app:

```
npm start
```

## Built With

* [React](https://reactjs.org/) 
* [Redux](https://redux.js.org/) 

## Authors

* **<NAME>** - *Initial work* - [Rphmelo](https://github.com/Rphmelo)

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
