❄
❄
❄
❄
❅
❅
*
*
❅
❄
❅
❅
❄
*
❄
❄
❄
✵
❄
❅
❅
✵
*
*
*
*
*
❄
❄
✵
❅
✵
*
*
❄
*
❅
❄
*
*
*
❅
✵
❄
*
*
✵
❄
✵
*
❅
*
*
✵
*
❅
❅
✵
✵
✵
❅
❅
✵
❄
✵
❄
❅
*
*
❄
❅
❄
❄
*
✵
✵
✵
*
❅
❅
❄
✵
❄
❄
✵
*
✵
❄
❅
❅
*
❄
✵
*
❄
*
❄
❄
❄
✵
✵
❅
❅
❅
❅
✵
❅
❅
*
*
✵
✵
❄
❄
*
*
❅
❄
❅
✵
*
❅
❅
❄
❅
*
❅
❄
✵
❅
✵
❅
❅
✵
❄
❄
❅
*
✵
❅
✵
❄
❅
❅
❄
✵
❅
✵
✵
*
*
*
✵
*
❄
❄
✵
❅
❄
*
❅
*
❄
*
✵
❅
✵
*
❅
*
❅
❄
*
✵
*
✵
*
✵
❄
❄
✵
*
*
❄
*
❅
❄
❅
*
✵
*
❅
❅
❄
❅
❄
❄
❅
✵
*
❅
❅
*
❅
*
✵
❄
❅
✵
*
✵
✵
❅
✵
❄
❄
*
❄
✵
❅
*
❅
❄
✵
❄
❅
❄
❅
*
❄
*
❄
✵
❄
✵
✵
❅
❄
✵
✵
*
❄
✵
❅
❅
❅
❄
❅
❅
*
❄
*
❅
*
❅
❄
❅
*
*
❅
✵
❅
✵
❅
*
❄
❄
*
❅
*
Проект "TMDB уровня Кинопоиск"
Комплексная проверка навыков React-разработчика
Комплексная проверка навыков React-разработчика
Полноценное веб-приложение для поиска и просмотра информации о фильмах с использованием реального API от The Movie Database (TMDB). Проект является обязательным для перехода на следующий этап обучения в Карьерном бустере и представляет собой финальную проверку готовности студента к реальным задачам в продакшене.
<когда?>
Сразу после регистрации<уровень сложности?>
7/10
Проект требует:
– Уверенного владения React и TypeScript
– Опыта работы с внешними API
– Навыков state management с Redux Toolkit/RTK query
– Умения работать с роутингом и навигацией
– Базового понимания архитектуры приложенияПосле проекта ты:
– Получишь портфолио-проект для резюме
– Будешь уверенно владеть современным стеком
– Поймешь production-разработку
– Сможешь начать карьеру React-разработчика
На проекте ты сделаешь следующее:
- Настройка проекта и навигация – создание веб-приложения для поиска фильмов с Header (логотип, меню из 5 страниц) и Footer на всех страницах.
- Главная страница – реализация приветственного блока с рандомной обложкой, формы поиска и четырех блоков категорий фильмов по 6 карточек каждый.
- Карточка и детальная информация о фильме – создание карточки с постером, рейтингом и кнопкой избранного, а также отдельной страницы с полной информацией, актерами и похожими фильмами.
- Страницы категорий и фильтрация – разработка страницы с переключением между 4 категориями и страницы фильтрации с сортировкой по разным параметрам и фильтрами по рейтингу и жанрам.
- Поиск и избранное – реализация страницы поиска фильмов по названию и функционала добавления/удаления фильмов в избранное через localStorage.
- Переключение тем – добавление кнопки переключения между темной и светлой темой с сохранением выбора в localStorage.
- Обработка ошибок и загрузка – внедрение централизованной обработки ошибок, валидации через Zod и визуальных индикаторов загрузки на всех страницах.
- Страница 404 и деплой – создание страницы для несуществующих маршрутов и развертывание готового приложения на платформе Vercel.
Это не учебный пример, а задача, близкая к реальным коммерческим проектам
О проекте
Что ты получишь в итоге?
Что дает этот проект для трудоустройства?
Какие ключевые особенности проекта?
Как получить проект?
Шаг 1
Жми на кнопку и заполняй форму регистрации
Шаг 2
После заполнения формы откроется чат-бот в Telegram с подтверждением регистрации
Шаг 3
Готово! Следуй инструкциям, которые придут тебе в чат-боте
