Mecenate Test Assignment

Мобильное приложение ленты публикаций (аналог Patreon / Boosty), реализованное на React Native + Expo.

---

Стек

• React Native + Expo
• TypeScript
• React Query (серверный стейт)
• MobX (локальный UI стейт)
• FlatList (лента + пагинация)

---

Функциональность

Лента (Feed)

• Список постов:

  • аватар автора
  • имя автора
  • превью текста
  • обложка поста
  • лайки и комментарии

• Пагинация (cursor-based, infinite scroll)

• Pull-to-refresh

• Обработка ошибок (с кнопкой "Повторить")

---

Закрытые посты (paid)

• Размытие изображения
• Overlay с CTA
• Текст заменён на skeleton (серые блоки)
• Лайки и комментарии скрыты

---

Лайки (MobX)

• Локальное переключение лайка
• Мгновенное обновление UI

---

Текст поста

• Ограничение до 2 строк
• Кнопка "Показать больше" inline

---

API

Используется тестовый API:

https://k8s.mectest.ru/test-app

Особенности:

• Cursor-based пагинация
• Авторизация через Bearer UUID
• Paid посты возвращают пустой body

---

⚙️ Установка и запуск

1. Установить зависимости

npm install

---

2. Запустить проект

npx expo start

---

Запуск на устройстве

Через Expo Go

1. Установить Expo Go на телефон
2. Запустить проект (npx expo start)
3. Подключиться:

Вариант A (рекомендуется)

• телефон и компьютер в одной Wi-Fi сети
• открыть Expo Go → проект появится автоматически

Вариант B (если не работает)

• использовать hotspot (раздать интернет с телефона)
• подключить компьютер к телефону

---

Возможные проблемы

• QR не работает → использовать hotspot
• Не виден сервер → убедиться, что устройства в одной сети

---

Структура проекта

src/
  api/            # работа с API
  components/     # UI компоненты (PostCard, Footer, etc.)
  screens/        # экраны (Feed)
  store/          # MobX store

---

Комментарий

Для стабильности UI используется реальный API с адаптацией данных под дизайн. MobX применён для локального управления состоянием лайков.

---

Автор

Dilara Efremova