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
Додано статистику продавця в профілі (рейтинг, кількість відгуків, кількість проданих товарів).
Концепція монетизації та розвитку
У майбутньому проект міг розвиватися у бік повноцінного локального порталу з платним просуванням товарів, комісією з угод у месенджері та функціоналом локальної мерії для модерування новин.