High-Performance Chat UI Development for Zenzap

Zenzap is a team communication and collaboration platform designed for businesses and remote teams. It combines messaging, task management, file sharing, and scheduling in one workspace so teams don’t have to use multiple tools.

Tech Stack: React Native, React Query, Redux, NativeWind, SQLite, Realm, FCM, Supabase

At Zenzap, a real-time team collaboration platform, the mobile app needed to support instant messaging, offline access, and high-performance chat UI for distributed teams.

As the frontend engineer, I was responsible for ensuring reliable real-time messaging, offline sync, message ordering, chat performance, and push notifications, providing a seamless user experience on React Native.

I implemented a robust WebSocket-based messaging system with automatic reconnection and deduplication to guarantee messages are delivered instantly and reliably. I designed and built an offline-first message storage and synchronization mechanism, allowing users to compose and receive messages seamlessly during network interruptions. I optimized the chat UI for long conversation histories by using virtualized lists, intelligent state management, and efficient rendering strategies to reduce memory usage and prevent lag. I handled out-of-order events from the backend, ensuring messages are displayed in the correct order with sequence validation and timestamp reconciliation. Additionally, I integrated push notifications with deep linking, enabling users to navigate directly to relevant chats even when the app was in the background or fully closed.

The app delivered a fast, reliable, and seamless messaging experience, handling tens of thousands of messages daily without lag, maintaining message order, and providing smooth offline access. Push notifications reliably guided users to active chats, enhancing engagement and user satisfaction across the platform.