Develop

[AV1788]

DEMO LINK

[anastasiiavorobiova]

Great work!
A user can create a film with spaces only, consider fixing it

[Viktor-Kost]

It's not advisable to generate such a large number of states when we only have one instance (movie).
It'd be much better to utilize a single state with an object inside.

1. Create a variable outside the Component

const initialMovieState = {
  title: '',
  description: '',
  imgUrl: '',
  imdbUrl: '',
  imdbId: ''
}

2. Use one state for movie fields
3. Pass initialMovieState object when you invoke reset function
4. Whenever you need to change value of any field you should pass two arguments (key, value) and then just change a value of a movie object by key. In this case you will reuse one handler instead of handlers for each input
   Example:

const handleInputChange = (key, value) => {
  setMovie(prevInputs => ({...prevInputs, [key]: value}))
}

5. for reset function you will just pass initialMovieState

Suggested change

	const [title, setTitle] = useState('');
	const [description, setDescription] = useState('');
	const [imgUrl, setImgUrl] = useState('');
	const [imdbUrl, setImdbUrl] = useState('');
	const [imdbId, setImdbId] = useState('');
	const [movie, setMovie] = useState(initialMovieState);

[Viktor-Kost]

still can send a form with spaces in fields

[etojeDenys]

lgtm