Hello,

I'm working on a simple app for my programming course and I require some help - hopefully you can help me. I would like to use your API, but I get lost reading the documentation. Anyhow, this is the piece of code that I'm currently working on:

handleInputChange = (event) => {
        this.setState({
            inputField: event.target.value
        });
}

handleBtnClick = (event) => {
        event.preventDefault();
        const url = 'https://api.tvmaze.com/singlesearch/shows?q='+this.state.inputField.split(' ').join('+');
        this.fetchShow(url);
        console.log(url);
}

fetchShow(url){ fetch(url).then((res) => res.json()).then((data) => { this.setState({ tvId: data.id, genres: data.genres, name: data.name, url: data.url, image: data.image.original, rating: data.rating.average, })

        console.log(this.state.tvId, this.state.genres, this.state.name, this.state.url, this.state.image, this.state.rating);
    })
}

As you can see, I'm currently using a different API, but it's options are very limited. How, compared to what I wrote, can I find a tv show, get it's title, image, imdb rating, genre and id using your api? As in, what would the url look like for my code to work?

Second question might be a bit more complicated. You see, what I want to do, is (after finding a tv show using search ), to allow the user to find 1 more show(onClick) that share it's genre/genres (1-3). After that the user gets to see another show based on the one that he clicked, and so on, and so on "ad infinitum". Can you help me in finding a method on how to do that? How do I find tv shows based on genre using your API? I could then substitute genre with a variable that equals the genre of the primary search result.

I really hope you can help me. Your API looks great, but like I said, I find it hard to use. Thanks

edit: I have a key :)