Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/florian-catalin-elisei/realtime-chat-application
This is a straightforward realtime chat application created using React for the frontend and Node.js with Socket.IO for the backend. Users have the ability to join distinct chat rooms and engage in realtime communication.
https://github.com/florian-catalin-elisei/realtime-chat-application
cors css express html javascript query-string react react-router-dom react-scroll-to-bottom socket-io socket-io-client
Last synced: 5 days ago
JSON representation
This is a straightforward realtime chat application created using React for the frontend and Node.js with Socket.IO for the backend. Users have the ability to join distinct chat rooms and engage in realtime communication.
- Host: GitHub
- URL: https://github.com/florian-catalin-elisei/realtime-chat-application
- Owner: florian-catalin-elisei
- Created: 2024-01-19T16:00:29.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-23T16:16:02.000Z (10 months ago)
- Last Synced: 2024-02-23T17:29:55.092Z (10 months ago)
- Topics: cors, css, express, html, javascript, query-string, react, react-router-dom, react-scroll-to-bottom, socket-io, socket-io-client
- Language: JavaScript
- Homepage:
- Size: 189 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Realtime Chat Application
This is a realtime chat application built using React for the frontend and Node.js with Socket.IO for the backend. Users can join different chat rooms and communicate with
each other in realtime.## Installation
Install my project with npm
1. Clone the repository to your local machine:
```bash
git clone https://github.com/florian-catalin-elisei/realtime-chat-application.git
```2. Navigate to the project directory:
```bash
cd realtime-chat-application
```I. Frontend
1. Navigate to the client directory:
```bash
cd client
```2. Install the dependencies:
```bash
npm install
```3. Start the development server:
```bash
npm start
```II. Backend
1. Navigate to the server directory:
```bash
cd server
```2. Install the dependencies:
```bash
npm install
```3. Start the Node.js server:
```bash
npm start
```