Какой уровень нужен?

Нужна база JavaScript, TypeScript и React — минимум один из трёх. Опыт с React Native не требуется, переход с frontend разбираем с нуля.

Что если застряну?

Задаёшь вопрос в чате потока. Плюс по выходным разбираем решения, ревью работ и типичные ошибки.

Сколько времени потребуется?

Ориентир — 1–2 часа в день. Все материалы остаются доступными, поэтому марафон можно проходить в своём темпе.

Что будет, если я пропущу старт или несколько дней?

Все видео, задачи и исходники сохраняются. Можно вернуться к любому этапу и продолжить с нужного места.

Доступ останется после завершения?

Да. Доступ к марафону, урокам и обновлениям остаётся навсегда.

Будут ли макеты и материалы?

Да. Figma, референсы, базовый back-end и необходимые исходники предоставляются.

Можно ли писать собственную версию проекта?

Да. Можно изменять дизайн, добавлять функции и разрабатывать собственный продукт поверх учебного.

Будет ли проверка кода?

Да. По выходным — ревью работ.

Где смотреть уроки?

В закрытом разделе платформы с удобной PWA-версией для телефона. Материалы также остаются доступны в Telegram.

Доведём ли проект до релиза?

Да. Проходим полный цикл: mobile, web и extension (расширение) до production-сборки и публикации в App Store и Google Play.

RED Marathōn — три проекта с нуля до релиза

Q: Нужно ли знать back-end?

Нет. Базовый back-end предоставляется. В процессе расширяем его под наши задачи.

Социальная сеть для тех, кто смотрит, читает и играет

Одна библиотека для всего: фильмы, сериалы, аниме, книги и игры. Ставьте оценки, отмечайте прогресс, собирайте коллекции и делитесь с друзьями. Контент подтягиваем из реальных API, поэтому данные всегда свежие.

Экраны мобильного приложения RED Marathon

AI-рекомендации

AI подбирает контент на основе вашего вкуса. Вкусовой профиль может быть приватным или публичным.

AI Picker

Указываете настроение и тип контента, а AI предлагает, что посмотреть, прочитать или пройти дальше.

Одна библиотека для всего

Фильмы, сериалы, аниме, книги и игры. Коллекция по «Ведьмаку» может объединить контент разных типов.

Реальные API

Контент подтягиваем из реальных API, поэтому данные всегда свежие.

Визуальное направлениеПоказанные макеты — это визуальное направление проекта. Под наш функционал не существует готовых решений, поэтому дизайн-код берём за основу, а финальный дизайн адаптируем и расширяем под наши задачи. Web-дизайн будем разрабатывать на основе дизайн-кода приложения.

Все экраны и функции

~15 экранов — и каждый собираем с нуля до production уровня. Кроме этого web часть проекта и браузерное расширение.

Production-проект в портфолио и современный стек для позиции Middle+.Перейти к тарифу

Три проекта. Одна production-основа

Мы смогли объединить их, потому что корень у всех общий — React. Знания, которые вы получите, будут применимы в любой сфере разработки.

01 · Mobile

Приложение для iOS и Android

~15 экранов мобильного приложения: от onboarding и авторизации до библиотеки, профиля, коллекций и AI-рекомендаций.

React NativeExpoTypeScriptTanStack QueryZustandReanimatedGesture Handler

02 · Web

Полноценное веб-приложение

Публичный Taste DNA, коллекции по ссылке, веб-версия медиатеки с поиском и фильтрами и landing самого продукта.

ReactNext.jsTypeScriptTanStack QueryZustandReact Hook FormZodSharingDeep links

03 · Extension

Расширение для браузера

Добавление фильма, книги или игры в один клик прямо из Кинопоиска, IMDb, Steam, PlayStation Store и Goodreads.

ReactWXTTypeScriptPopup UIExternal API

04 · Foundation

Готовый back-end и общая основа

Базовый back-end предоставляется. В процессе расширяем его под задачи проекта и подключаем ко всем платформам.

NestJSPrismaPostgreSQLJWTSwaggerDockerAuthSubscriptions

Детально о функционале

Пять направлений внутри проекта

Mobile, web и extension — каждый экран собираем с нуля до production-уровня и расширяем под функционал нашего проекта.

AI и рекомендации

AI подбирает контент на основе вкуса пользователя.
Пользователь указывает настроение и тип контента.
AI предлагает, что посмотреть, прочитать или пройти дальше.
Интерактивные блоки, к примеру «Фильм на выходной», и AI-описание без спойлеров.

Стек проекта

Современные production-технологии — то, что спрашивают на собеседованиях на позицию Middle+.

01

Архитектура

Единая кодовая база для всех платформ: iOS, Android, Web, браузерное расширение.

Общий TypeScript, UI, API клиент
Модульный подход без лишних абстракций
Чёткое разделение бизнес-логики и UI
Тестирование и CI/CD интеграция

02

Работа с данными

Сбор данных с внешних API и фасовка в единый формат.

Готовый back-end для хранения данных и авторизации
Кэширование запросов
Синхронизация между платформами

03

Production

Тесты, подготовка релизов и публикация проекта.

Тесты (unit, интеграционные)
E2E (Cypress или Playwright, решать будете Вы)
CI/CD интеграция
Публикация в App Store, Google Play, Web, Браузерное расширение

JavaScriptTypeScriptReact NativeExpoReactNext.jsMonorepoWXTTanStack QueryZustandReact Hook FormZodReanimatedGesture HandlerAI APICypress / PlaywrightCI/CD

Полный цикл с нуля до публикации в App Store и Google Play.Посмотреть стоимость

Как проходит марафон

Задачи и видео с реализацией выходят каждый день. Все материалы сохраняются, поэтому марафон можно проходить в своём темпе.

Марафон в цифрах

3месяца развития

~40часов контента

~100видео

~230задач

12недель ревью

Задачи и видео каждый день

На видео фокусируемся на функционале и логике, а не на вёрстке. Ориентир — 1–2 часа в день.

Ревью по выходным

Мотивируем писать собственный код поверх учебного, а по выходным разбираем его на ревью.

Материалы предоставляются

Back-end, Figma, дизайн, референсы и необходимые исходники предоставляются.

Доступ навсегда

Уроки доступны в Telegram и на платформе. Все материалы остаются навсегда.

Из технически-вкусного

Архитектура большого проекта и то, что спрашивают на собеседованиях.

Monorepo

Единая кодовая база для всех платформ: iOS, Android, Web и браузерное расширение. Общий TypeScript, UI и API-клиент.

Авторизация и подписка

Личный аккаунт пользователя с настройками, подпиской и быстрым доступом к избранному.

Поиск, фильтры и пагинация

Поиск сразу по нескольким типам контента, подсказки, история запросов, сортировка, фильтры и переключение между сеткой и списком.

Кэширование и optimistic updates

Кэширование запросов и синхронизация между платформами.

Sharing и deep links

Коллекциям можно делиться с друзьями, они получат уведомление. Вкусовой профиль может быть приватным или публичным.

Анимации

Анимации и жесты внутри мобильного приложения на Reanimated и Gesture Handler.

Полный доступ к RED Marathōn

Оплата один раз. Автосписаний нет. Доступ ко всем материалам остаётся навсегда.

RED Marathōn

В тариф входит

~40 часов контента
~100 видео и ~230 практических задач
12 недель ревью по выходным
Figma, back-end, референсы и исходники
Закрытый чат потока и ответы на вопросы
Все материалы и обновления навсегда

18 990 ₽~~30 000 ₽~~

один платёж · доступ навсегда

6 330 ₽ в месяц209 ₽ в день4 × 4 748 ₽ Долями

Час с ментором стоит дороже.

Цена действует до 23 августа. Затем она повысится.

Получить полный доступ

МИР
SBP
T-PAY
SBERPAY
YooMoney
Долями
VISA
MC
Crypto

1 сентября — 1 декабряили до полного завершения проекта

Оплата один разавтоматических списаний нет

3 проекта в одномmobile, web и browser extension

Уровень Middle+стек и задачи из production-разработки

Хочешь убедиться в качестве?

Посмотри реальные отзывы наших студентов в Telegram 💙

Смотреть отзывы

Часто задаваемые вопросы

Это будет просто нереальный проект

Полный цикл с нуля до публикации в App Store и Google Play. Production проект в портфолио и современный стек на Middle+ позицию.

Участвовать в марафоне

Три проекта С нуля до релиза.