https://github.com/kanugurajesh/chat-app-room

This is an advanced chat app with room features and private messaging
https://github.com/kanugurajesh/chat-app-room

chat-application group-messaging private-messaging react-hot-toast reactjs socket-io socket-io-client tailwindcss typescript

Last synced: 6 months ago
JSON representation

This is an advanced chat app with room features and private messaging

• Host: GitHub
• URL: https://github.com/kanugurajesh/chat-app-room
• Owner: kanugurajesh
• Created: 2024-04-20T17:47:01.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-27T09:57:52.000Z (11 months ago)
• Last Synced: 2024-06-27T10:56:22.844Z (11 months ago)
• Topics: chat-application, group-messaging, private-messaging, react-hot-toast, reactjs, socket-io, socket-io-client, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 152 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



# Chat App Room

This project is the implement of an chat app using socket.io this project works only on the same network. But it has many functionalities you can form rooms and directly send messages to a user and the ui is also very clean.

## Screenshots







## Demo

[![Chat App](https://img.youtube.com/vi/ubK7PoBYe-8/0.jpg)](https://www.youtube.com/watch?v=ubK7PoBYe-8)

## Project Setup

```bash

# Fork the repository Then clone the repository from your github and open the folder Chat-App-Room.

# Then follow the following steps to setup the project

1. cd client

2. npm install

3. npm run dev

4. cd ..

5. cd server

6. npm install

7. npm run dev

```

## Tech Stack

- React.js

- Tailwindcss

- Typescript

- Socket.io

- Express

- React-hot-toast

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://rajeshportfolio.me/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/rajesh-kanugu-aba8a3254/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/exploringengin1)

[![youtube](https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white)](https://youtube.com/@RajeshCoder)

![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCK8JZ6oQY32SQO3ohLWkuxw)

  

## Authors

- [@kanugurajesh](https://github.com/kanugurajesh)