Real-time Chat Application

A real-time chat application built with React Native, Express, and Socket.IO. This application enables users to send and receive messages in real-time, with features like typing indicators and proper message positioning.

Features

• Real-time message synchronization
• Typing indicators
• Proper message positioning (left/right) based on sender
• Connection status indicators
• Web support through Expo

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• Expo CLI

Installation

1. Clone the repository:

git clone [your-repository-url]
cd ChatApp

2. Install dependencies:

npm install
# or
yarn install

3. Start the server:

node server/index.js

4. Start the client:

npx expo start --web

The application will be available at http://localhost:8081

Project Structure

• /app - React Native application code
• /components - Reusable UI components
• /server - WebSocket server implementation

Technologies Used

• React Native
• TypeScript
• Express.js
• Socket.IO
• Expo

Future Features

• User authentication
• Custom usernames
• File attachments
• Message persistence
• Group chat functionality
• Dark/Light theme
• Voice/Video calls
• Message encryption

Contributing

Feel free to submit issues and enhancement requests!

License

This project is licensed under the MIT License - see the LICENSE file for details.