Skip to content

Latest commit

 

History

History
93 lines (73 loc) · 1.99 KB

Readme.md

File metadata and controls

93 lines (73 loc) · 1.99 KB

💬 WebSocket: Expo, NestJS, Next.js

This monorepo contains three separate applications using WebSockets:

  • Expo (React Native): A mobile app for real-time communication.
  • NestJS: A backend WebSocket server.
  • Next.js: A frontend web app utilizing WebSockets.

🧬 Project Structure

WebSocket/
│   ├── Expo/     # React Native app with WebSocket client
│   ├── Nest/     # WebSocket gateway using NestJS
│   ├── Next/     # Web app with WebSocket client
├── README.md     # Project documentation

🛠️ Features

1. Expo (React Native)

  • Connects to the WebSocket server.
  • Listens for real-time messages.
  • Sends messages via WebSockets.

2. NestJS (Backend Server)

  • Implements WebSocket gateway using @nestjs/websockets and socket.io.
  • Broadcasts messages to connected clients.
  • Manages WebSocket connections efficiently.

3. Next.js (Web Frontend)

  • Establishes WebSocket connection.
  • Displays incoming real-time messages.
  • Sends messages through WebSockets.

🚀 Getting Started

Instalation

git clone https://github.com/Sworzen1/WebSocket.git

Running the Applications

Start NestJS WebSocket Server

cd Nest
yarn install
yarn start:dev

Start Next.js Web Application

cd Next
npm install
npm run dev

Start Expo React Native App

cd Expo
yarn install
yarn start

Example WebSocket Flow

  1. Client connects to the server.
  2. User sends a message from Expo or Next.js.
  3. NestJS receives the message and broadcasts it to all clients.
  4. Clients receive and display the message in real-time.

📈 Future Improvements

  • Authentication for WebSocket connections.
  • Improved UI/UX for message handling.
  • Database integration for persistent messaging.

License

This project is licensed under the MIT License.