← all projects

// project · rn-chat

React Native Chat App

mobile
completed
featured

Native Chat App is a full-stack real-time messaging system consisting of a React Native + Expo mobile app and a Node.js backend powered by Socket.IO. It supports real-time messaging, online/offline presence, typing indicators, read receipts, and secure JWT-based authentication. The project is designed as a learning-focused, production-style implementation of a modern chat platform with WebSocket communication, MongoDB persistence, and a clean mobile UI.

React NativeExpoTypeScriptNode.jsExpressSocket.IOMongoDBJWT

highlights

  • Realtime messaging using WebSockets
  • Typing indicators & read receipts
  • JWT authentication with secure password hashing
  • React Native + Expo mobile interface
  • Online/offline presence updates"

challenges

Setting up stable WebSocket connections across mobile devices on the same network, syncing message states and read receipts, and ensuring cross-device real-time updates without delays.

learnings

Deep understanding of Socket.IO, event-driven backend design, mobile networking constraints, local IP connectivity for development, and secure JWT-based authentication flows.

screenshots

React Native Chat App screenshot