Kateryna krambertech

Hey!

Test Task for Intern / Junior Front-End Developer Position @ Youscan

Основная задача тестового не узнать как сильно вы знаете React, а посмотреть насколько хорошо вы сможете разобраться с новыми технологиями в относительно короткий срок. В идеале, на него нужно потратить не более 3 дней. А так - делайте сколько делается, пока мы не закроем вакансию ;)

Описание

Нужно написать одностраничное приложения для просмотра фильмов с помощью The Movie Database API.

При открытии приложения, должен отображаться список популярных фильмов с пагинацией или динамической подгрузкой (на выбор). Также на странице должно быть поле для поиска. Когда ты вводишь туда какой-то текст, должны отобразиться фильмы которые ему соответствуют. Для каждого фильма в списке должен отображаться список жанров (названий жанров, не айдишек), к которым он принадлежит.

	import { PureComponent, PropTypes } from 'react';
	import classNames from 'classnames/bind';

	import Icon from 'components/ui/Icon';

	import styles from './Button.css';
	const cx = classNames.bind(styles);

	/**
	* Button component. Needed to trigger an operations.

	{
	"name": "webpack-demo",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"start": "webpack",
	"build": "cross-env NODE_ENV=production webpack -p"
	},
	"author": "",

	// --- //

	const secret = Symbol();

	const user = {
	id: 1,
	login: 'Vasya',
	[secret]: '45sdfgh6n'
	};

	{
	"extends": "airbnb",

	"parser": "babel-eslint",

	"rules": {
	"indent": [2, 4, { "SwitchCase": 1 }],
	"max-len": [2, 120, 4, {
	"ignoreUrls": true,
	"ignoreComments": false

	import React, { Component } from 'react';

	import TextField from 'components/base/TextField';

	const WAIT_INTERVAL = 1000;
	const ENTER_KEY = 13;

	export default class TextSearch extends Component {
	constructor(props) {
	super();