https://github.com/harikrishna-9885699666/chat-app-ui-react-vite-ts-socket

Chat application with React + Vite, typescript and socket.io
https://github.com/harikrishna-9885699666/chat-app-ui-react-vite-ts-socket

Last synced: 2 days ago
JSON representation

Chat application with React + Vite, typescript and socket.io

• Host: GitHub
• URL: https://github.com/harikrishna-9885699666/chat-app-ui-react-vite-ts-socket
• Owner: HariKrishna-9885699666
• Created: 2024-06-03T10:45:49.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-12-03T11:40:13.000Z (about 2 months ago)
• Last Synced: 2024-12-03T12:28:14.443Z (about 2 months ago)
• Language: TypeScript
• Homepage: https://chat-app-ui-react-vite-ts-socket.vercel.app/
• Size: 51.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chat Application with React + Vite, Socket.IO and Express

This is a simple chat application using React + Vite, Socket.IO, and TypeScript. 

Allows users to join chat rooms, send messages, and broadcast typing statuses in real-time.

## Live Demo

You can check out the live demo of the application here: [Chat Application Demo](https://chat-app-ui-react-vite-ts-socket.vercel.app/)

## Prerequisites

- Node.js (version 14 or higher)

- npm (version 6 or higher)

## Installation

1. Clone the repository:

   ```sh

   git clone https://github.com/HariKrishna-9885699666/chat-app-ui-react-vite-ts-socket.git

   cd chat-app-ui-react-vite-ts-socket

   npm install

   npm run dev

# Usage

## Joining a Chat Room

- Open the Chat Application in a browser tab.

- Type a room ID (think of it as the username of the chat person). For example, use "john".

## Chatting with Another User

- Open the Chat Application in another browser tab or window.

- Type a different room ID. For example, use "patrick".

- Now both "john" and "patrick" can chat together in real-time.