Super-App

Kolomarket

A demo version of a mobile Super-App built with React Native + Expo: marketplace, services, work, and news with adaptive design for various platforms.

React NativeExpoNativeWind (Tailwind)FirebaseFlashList

Mobile Super-App

This project was conceived as a demo playground to test the technical feasibility of building super-apps. The main focus was on integrating various services (marketplace, services, work, news) into a single client and exploring the UX for multi-platform adaptation.

Kolomarket / Super-App / React Native / Expo / Firebase / Kolomarket / Super-App / React Native / Expo / Firebase / Kolomarket / Super-App / React Native / Expo / Firebase / Kolomarket / Super-App / React Native / Expo / Firebase /

Adaptability for All Platforms

One of the key tasks was to create an interface that looks equally good on any device and adapts to different design guidelines.

  • Adaptive design for PC browsers — correct display of grids and cards on large screens.
  • iOS-like design — smooth blurs, rounded corners, and native transitions familiar to Apple users.
  • Material 3 Expressive-like design — modern, responsive Android aesthetics with expressive accents.

Firebase Auth & Persistence

User authorization via Email/Password with session persistence using AsyncStorage to prevent repeated logins.

Image Optimization

Integrated on-the-fly image processing pipeline using Expo Image Manipulator for compression and resizing before upload.

Creating Listings

A step-by-step publication process with category selection, price input, price negotiation option, and mandatory geo-location selection.

Feed & Local Search

Displaying nearby listings based on user location, filtered by status, and utilizing smart search with debouncing.

Navigation Menu (Material 3 Expressive + iOS UX)

My personally designed navigation menu, combining the expressive style of Material 3 Expressive with smooth UX animations borrowed from iOS (blur effects, inertial scrolling, smoothed corners, and micro-interactions).

What Was Done and Ready

During the research, basic mechanisms for authentication, real-time database operations, media file optimization, and state management were successfully implemented.

  1. 01

    Initialized a React Native project with Expo Router for file-based routing.

  2. 02

    Configured Zustand to manage cart state, filters, and sessions.

  3. 03

    Integrated Cloud Firestore database to store profiles, listings, and geolocations.

  4. 04

    Implemented image compression via Expo Image Manipulator and API uploading.

  5. 05

    Added seller statistics to the profile (rating, reviews count, sold items count).

Monetization & Future Concept

In the future, the project could evolve into a full-scale local portal with paid listing promotions, transaction commission in the messenger, and local mayor office functionality for news moderation.