https://github.com/ibrahimif/fs-chat-app
Simple Full-stack Chat App created with React and Socket.io, following a tutorial made by Code-With-Syket to learn about socket.io
https://github.com/ibrahimif/fs-chat-app
chat-room react-vite socket-io
Last synced: 7 months ago
JSON representation
Simple Full-stack Chat App created with React and Socket.io, following a tutorial made by Code-With-Syket to learn about socket.io
- Host: GitHub
- URL: https://github.com/ibrahimif/fs-chat-app
- Owner: IbrahimIF
- Created: 2025-03-31T10:23:25.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-16T22:11:37.000Z (about 1 year ago)
- Last Synced: 2025-06-29T18:50:58.414Z (10 months ago)
- Topics: chat-room, react-vite, socket-io
- Language: JavaScript
- Homepage: https://fs-chat-app.vercel.app
- Size: 1.96 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full-Stack Chat-App
##### **Description**:
Simple Full-stack Chat App created with React and Socket.io, following a tutorial made by Code-With-Syket to learn about socket.io.
This project is currently live and running on vercel.
-----
## Getting started:
To run this project locally, you'll need to have Node.js and npm installed on your computer. Once you have these installed, follow these steps:
**1. Clone the repository:**
```
> git clone
```
**2. Navigate to both the client and server project directory using the command line.**
**3. Install dependencies:**
```
> npm install
```
**4. Start the react development server:**
```
> npm start
```
**5. Open your web browser and navigate to http://localhost:3000 (or the port shown in the terminal) to view the project.**
----
## Demo:
Below is the project link, currently live on Vercel:
[Simple-Chat-Room](https://fs-chat-app.vercel.app/).
----
## Features:
This project includes:
- **Sending & receiving Real-time message display**: Users can send Messages, Messages would appear instantly in the other users chat window.
- **One way system**: The sender cannot view their own message however can view others.
- **Join Rooms**: Users can join different rooms for private messaging.
----
## Technologies and Tools Utilised:
-----
## Acknowledgment:
- [Learn Socket.io For Beginners](https://youtu.be/djMy4QsPWiI?si=1EC6eX8Nw320YoKX)
- [Socket.io](https://socket.io/)
---