Разработка · Мобильное приложение

«Питомцы» — мобильное приложение

Приложение для ухода за питомцами на Android, iPhone и в браузере: здоровье, события с напоминаниями, препараты, документы, питание, вес и совместный доступ для семьи — с живыми анимированными персонажами.

«Питомцы» — мобильное приложение

Проект: «Питомцы» — мобильное приложение
Тип проекта: Разработка · Мобильное приложение
Компания: Другое
Год: 2026
Моя роль: Дизайн и разработка под заказ: от экранов до APK

Задача

Заказчику нужно было приложение, где вся жизнь питомца — прививки, приёмы у врача, курсы препаратов, документы, кормление и вес — хранится в одном месте и доступна всей семье. Требования: Android, компоненты Ant Design и при этом «стильно, современно, по-доброму», с анимациями и переходами.

Мой вклад

Моя рольДизайн и разработка под заказ: от экранов до APK

Я отвечал за

Дизайн всех экранов и UI-кит поверх Ant Design под собственный стиль приложения
Приложение на Expo / React Native: 5 вкладок, карточка питомца с 5 разделами, формы, календарь, поиск
Два режима данных: локально на телефоне и облако Supabase с правами доступа на стороне базы и журналом изменений
Анимированные персонажи, нарисованные кодом (SVG + Reanimated): дышат, моргают, реагируют на касания
Сборка APK и обновления «по воздуху» без переустановки, запуск в один клик на Mac и Windows

Команда

Заказчик формулировал требования и принимал работу

Ограничения

Ant Design по требованию заказчика — но приложение не должно выглядеть шаблонно
Нет Android-устройства: проверка через веб-версию и iPhone
Данные заказчика не должны теряться при обновлениях

Решение

Сделал один код на три платформы и описал хранилище данных как интерфейс с двумя реализациями — локальной и Supabase. Приложение работает сразу, без сервера, а облако подключается одним скриптом, когда понадобится общий доступ между телефонами.

Production

~12 700 строк TypeScript, 25+ экранов, 4 анимированных персонажа, схема базы с ролями «владелец / редактор / просмотр», сборка APK и OTA-обновления.

Итог

Приложение собирается в APK для заказчика, а правки дизайна и логики доставляются обновлением прямо в установленное приложение — без переустановки и потери данных.

ToolsTypeScript · React Native · Expo · Reanimated · Ant Design · Supabase · Claude Code

Как это устроено

12 700: строк TypeScript
3: платформы из одного кода
25+: экранов
4: живых персонажа

Инженерные решения

01Персонажи, нарисованные кодомКотики и попугаи собраны из SVG-«кистей» — пушистая кромка, шерстинки, перья — и анимированы через Reanimated. У каждого свой характер: один медленно моргает, другой пугается от касания. При системной настройке «Уменьшить движение» анимации отключаются.

02Сервер — по желаниюХранилище описано как интерфейс с локальной реализацией и реализацией на Supabase. Приложение можно отдать заказчику сразу, а облако с синхронизацией между телефонами включить потом, ничего не переписывая.

03Права — на стороне базыДоступ «владелец / редактор / просмотр» проверяется в Postgres через Row Level Security, из нескольких групп берётся высший уровень, все изменения пишутся в журнал. Клиент не может обойти права, даже если его взломают.

04Обновления без переустановкиЭкраны, тексты и логика доезжают до заказчика OTA-обновлением. Подпись APK и имя пакета не меняются, поэтому новая сборка ставится поверх старой с сохранением данных.

СтекTypeScriptReact NativeExpo RouterReanimatedreact-native-svgAnt Design RNZustandSupabase (Postgres, RLS)EAS Build / Updates

Результат

Демо: вход, главная с живыми персонажами, карточка питомца, календарь

Вход с демо-аккаунтами, главная и список питомцев

Карточка питомца: обзор и медицинская история, календарь событий

История с фильтрами, профиль и экран знакомства с персонажами

Нужен похожий проект?

Написать мне