An open API service indexing awesome lists of open source software.

https://github.com/nirmit27/chatting-app

A Socket.IO Chatting App built using Express and React.
https://github.com/nirmit27/chatting-app

css3 express expressjs html javascript nodejs react socket-io sockteio tailiwindcss

Last synced: 3 months ago
JSON representation

A Socket.IO Chatting App built using Express and React.

Awesome Lists containing this project

README

          

# Socket.IO Chatting App

Learning the Client-Server model in **JavaScript** using **[Socket.IO](https://socket.io/)** by building a chat lobby that runs **locally**.

## Setup and Installation

1. Clone the repository :
```bash
git clone https://github.com/nirmit27/Chatting-App.git
```

2. Open **two** terminals in your IDE, preferably **side by side**.

3. Install the required dependencies :
```bash
npm install
```
4. Run the **Express** server :
```bash
npm run dev
```
in the `server` directory and the **React** client :
```bash
npm run dev
```
in the `client` directory.
5. The **client** will be available at http://localhost:5173 and you can open **multiple** tabs to add clients as shown in the [preview](#preview).

## Preview

![Preview](./client/public/preview.png)

## Technologies

![Static Badge](https://img.shields.io/badge/React-blue?style=for-the-badge&logo=react)
![Static Badge](https://img.shields.io/badge/Express-green?style=for-the-badge&logo=express)
![Static Badge](https://img.shields.io/badge/Socket-black?style=for-the-badge&logo=socket.io)
![Static Badge](https://img.shields.io/badge/Tailwind-1b3053?style=for-the-badge&logo=tailwindcss)