Add ids search and movies filters (#5)

* Id's added, search and filter movies

* read me update

README.md

@@ -23,20 +23,20 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
 
 In the project directory, you can run:
 
-### `npm start`
+### `yarn start`
 
 Runs the app in the development mode.\
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.\
 You may also see any lint errors in the console.
 
-### `npm test`
+### `yarn test`
 
 Launches the test runner in the interactive watch mode.\
 See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
 
-### `npm run build`
+### `yarn build`
 
 Builds the app for production to the `build` folder.\
 It correctly bundles React in production mode and optimizes the build for the best performance.
@@ -46,7 +46,7 @@ Your app is ready to be deployed!
 
 See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
 
-### `npm run eject`
+### `yarn eject`
 
 **Note: this is a one-way operation. Once you `eject`, you can't go back!**
 

src/components/Genres.js

@@ -56,6 +56,7 @@ const Genres = ({
       {genres.map((genre) => (
         <Chip
           style={{ margin: 2 }}
+          id="genre"
           label={genre.name}
           key={genre.id}
           clickable

src/components/Pages/Search/Search.js

@@ -57,12 +57,14 @@ const Search = () => {
           <TextField
             style={{ flex: 1 }}
             className="searchBox"
+            id="searchBox"
             label="Search"
             variant="filled"
             onChange={(e) => setSearchText(e.target.value)}
           />
           <Button
             onClick={fetchSearch}
+            id="search"
             variant="contained"
             style={{ marginLeft: 10 }}
           >