React Native Mobile Chat App
Built a cross-platform chat application using React Native and Expo, allowing users to send text messages, share images, and share their location in real time. The app stores data both online and offline to ensure accessibility across devices.
Tech Stack:
Frontend: React Native, Expo, Gifted Chat library
Backend & Services: Google Firebase (Authentication), Firestore Database, Firebase Cloud Storage
Tools & Practices: Git/GitHub, AsyncStorage (offline persistence), Accessibility compliance
User Stories:
As a user, I want to enter a chat room quickly so I can start conversations easily.
As a user, I want to send and receive messages so I can chat with friends and family.
As a user, I want to share images from my library or camera to show what I’m doing.
As a user, I want to share my location in a map view so friends know where I am.
As a user, I want to read messages offline so I can revisit conversations anytime.
As a user with a visual impairment, I want the app to work with a screen reader so I can engage fully.
Key Features:
Start screen where users can enter their name and select a background color.
Real-time chat functionality with text, images, and location sharing.
Anonymous authentication with Firebase for secure access.
Offline storage of messages with AsyncStorage for seamless user experience.
Firebase Cloud Storage integration for image uploads and retrieval.
Accessibility features to support screen readers.
Highlights & Deliverables:
Created responsive UI based on provided design specifications.
Built chat interface with Gifted Chat for real-time communication.
Integrated Firebase services for authentication, data persistence, and media storage.
Implemented offline-first functionality to ensure usability without internet access.
Documented codebase with clear comments and structured technical handoffs.