Kolomarket
Демо-версия мобильного супер-приложения (Super-App) на React Native + Expo: маркетплейс, услуги, работа и новости с адаптивным дизайном под разные платформы.
Мобильное супер-приложение
Этот проект задумывался как демонстрационная площадка (демка) для проверки технических возможностей создания супер-приложений. Основной фокус был сделан на интеграции различных сервисов (рынок, услуги, работа, новости) в едином клиенте и исследовании UX для мультиплатформенной адаптации.
Адаптивность для всех платформ
Одной из ключевых задач было создание интерфейса, который одинаково хорошо выглядит на любых устройствах и подстраивается под разные гайдлайны дизайна.
- Адаптивный дизайн для браузеров на ПК — корректное отображение сеток и карточек на больших экранах.
- iOS-like дизайн — плавные размытия, закругления и нативные переходы, привычные для пользователей Apple.
- Material 3 Expressive-like дизайн — современная отзывчивая эстетика Android с выразительными акцентами.
Firebase Auth & Persistence
Авторизация пользователей по Email/Паролю с сохранением сессии через AsyncStorage для предотвращения повторного входа.
Оптимизация изображений
Интегрирован пайплайн обработки фото на лету с использованием Expo Image Manipulator для сжатия и ресайза перед загрузкой.
Создание объявлений
Пошаговый процесс публикации с выбором категории, вводом цены, торга и обязательным выбором гео-локации.
Стрічка та локальный поиск
Отображение объявлений поблизости от пользователя с фильтрацией по статусу и умным поиском с дебаунсингом.
Навигационное меню (Material 3 Expressive + iOS UX)
Мое лично разработанное навигационное меню, сочетающее в себе выразительный стиль Material 3 Expressive и плавные UX-анимации, заимствованные из iOS (эффекты блюра, инерционный скролл, сглаженные углы и микро-взаимодействия).
Что было сделано и готово
В ходе исследования были успешно реализованы базовые механизмы авторизации, работы с базой данных реального времени, оптимизации медиа-файлов и управления состоянием.
- 01
Инициализирован проект на React Native с Expo Router для файлового роутинга.
- 02
Настроен Zustand для управления состоянием корзины, фильтров и сессий.
- 03
Интегрирована база данных Cloud Firestore для хранения профилей, объявлений и геолокации.
- 04
Реализовано сжатие картинок через Expo Image Manipulator и загрузка через API.
- 05
Добавлена статистика продавца в профиле (рейтинг, количество отзывов, число проданных товаров).
Концепция монетизации и развития
В будущем проект мог развиваться в сторону полноценного локального портала с платным продвижением товаров, комиссией со сделок в мессенджере и функционалом локальной мэрии для модерирования новостей.