*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

Проект "TMDB уровня Кинопоиск"
Комплексная проверка навыков React-разработчика

Полноценное веб-приложение для поиска и просмотра информации о фильмах с использованием реального API от The Movie Database (TMDB). Проект является обязательным для перехода на следующий этап обучения в Карьерном бустере и представляет собой финальную проверку готовности студента к реальным задачам в продакшене.
  • <когда?>

    Сразу после регистрации
  • <уровень сложности?>

    7/10
Участие в проекте и проверка кода – бесплатно. Репозиторий и видео-инструкции – после регистрации
background
  • Проект требует:

    – Уверенного владения React и TypeScript
    – Опыта работы с внешними API
    – Навыков state management с Redux Toolkit/RTK query
    – Умения работать с роутингом и навигацией
    – Базового понимания архитектуры приложения
  • После проекта ты:

    – Получишь портфолио-проект для резюме
    – Будешь уверенно владеть современным стеком
    – Поймешь production-разработку
    – Сможешь начать карьеру React-разработчика
image

На проекте ты сделаешь следующее:

  • Настройка проекта и навигация – создание веб-приложения для поиска фильмов с Header (логотип, меню из 5 страниц) и Footer на всех страницах.
  • Главная страница – реализация приветственного блока с рандомной обложкой, формы поиска и четырех блоков категорий фильмов по 6 карточек каждый.
  • Карточка и детальная информация о фильме – создание карточки с постером, рейтингом и кнопкой избранного, а также отдельной страницы с полной информацией, актерами и похожими фильмами.
  • Страницы категорий и фильтрация – разработка страницы с переключением между 4 категориями и страницы фильтрации с сортировкой по разным параметрам и фильтрами по рейтингу и жанрам.
  • Поиск и избранное – реализация страницы поиска фильмов по названию и функционала добавления/удаления фильмов в избранное через localStorage.
  • Переключение тем – добавление кнопки переключения между темной и светлой темой с сохранением выбора в localStorage.
  • Обработка ошибок и загрузка – внедрение централизованной обработки ошибок, валидации через Zod и визуальных индикаторов загрузки на всех страницах.
  • Страница 404 и деплой – создание страницы для несуществующих маршрутов и развертывание готового приложения на платформе Vercel.
Это не учебный пример, а задача, близкая к реальным коммерческим проектам

О проекте

Что ты получишь в итоге?

Что дает этот проект для трудоустройства?

Какие ключевые особенности проекта?

Как получить проект?

    stepIcon

    Шаг 1

    Жми на кнопку и заполняй форму регистрации
    stepIcon

    Шаг 2

    После заполнения формы откроется чат-бот в Telegram с подтверждением регистрации
    stepIcon

    Шаг 3

    Готово! Следуй инструкциям, которые придут тебе в чат-боте