https://github.com/benevanio/webchat_node_react

Chat_React_NODEJS
https://github.com/benevanio/webchat_node_react

anime async broker brokers chatbot chtagpt express express-middleware expressjs mensageria mensageria-rabbitmq node-js nodejs pwa react reactjs socket-io sockets webapp websocket

Last synced: about 1 month ago
JSON representation

Chat_React_NODEJS

• Host: GitHub
• URL: https://github.com/benevanio/webchat_node_react
• Owner: Benevanio
• Created: 2023-01-14T12:25:18.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-14T21:16:18.000Z (almost 2 years ago)
• Last Synced: 2024-09-26T01:41:34.103Z (4 months ago)
• Topics: anime, async, broker, brokers, chatbot, chtagpt, express, express-middleware, expressjs, mensageria, mensageria-rabbitmq, node-js, nodejs, pwa, react, reactjs, socket-io, sockets, webapp, websocket
• Language: JavaScript
• Homepage:
• Size: 2.47 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# WebSockets (RealTimeChat)

Pequena aplicação usando o WebSockets e o Node js, nesta aplicação usamos o node js e o socket io tanto no lado do cliente como no lado do servidor. Permitindo a criação de um chat usando a tecnologia do Real Time.

Frontend:

Na criação do nosso frontend usei a lib React js e para as folhas de estilo usei o css, e para a realização da conexão com o backend da nossa aplicação usei o socket.io cliente.

Backend:

O nosso backend é basicamente node js e socket.io nao temos algo tão grande assim.

## Referência

 - [Socket IO](https://socket.io/)

 - [Node js](https://nodejs.dev/learn)

 

## Autores

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

## Demonstração

Inicio:

![Captura de Tela (12)](https://user-images.githubusercontent.com/78994881/212496592-691780de-d72c-4f9e-9902-b29e55e0362d.png)

Chat:

![Captura de Tela (13)](https://user-images.githubusercontent.com/78994881/212496614-768fd356-6c28-4a3c-8bba-36a82322e944.png)

## Instalação

Instale WebChat_NODE_REACT com npm

```bash

 git clone https://github.com/benetesla/WebChat_NODE_REACT.git

  cd WebChat_NODE_REACT

```

    

## Licença

[MIT](https://choosealicense.com/licenses/mit/)

## Stack utilizada

**Front-end:** 

![npm](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) 

![npm]( https://img.shields.io/badge/Socket.io-010101?&style=for-the-badge&logo=Socket.io&logoColor=white)

![npm]( https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![npm]( https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![npm]( https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

**Back-end:** 

![Node](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white) 

![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white) 

![npm](https://img.shields.io/badge/Socket.io-010101?&style=for-the-badge&logo=Socket.io&logoColor=white)