Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/romero-ezequiel/chatapp

Chat grupal utilizando JavaScript tanto en el frontend como en el backend, luego desplegué el proyecto en heroku
https://github.com/romero-ezequiel/chatapp

bootstrap4 express javascript mongodb nodejs websocket

Last synced: about 1 month ago
JSON representation

Chat grupal utilizando JavaScript tanto en el frontend como en el backend, luego desplegué el proyecto en heroku

Awesome Lists containing this project

README

        

# Chat Grupal

_Utilice JavaScript tanto en el Frontend como en el Backend, para realizar una aplicación básica de un chat grupal. El chat tiene un registro que cualquier persona quiera entrar al chat, tiene que agregar su nombre de usuario y luego puede ingresar al chat, para hablar con las personas que ya estan dentro del chat.
Para ver el proyecto terminado, hacer click al siguiente enlace *[ChatApp](https://chat-grupal.herokuapp.com/)_

#### Construido con 🛠️

* [JavaScript](https://developer.mozilla.org/es/docs/Web/JavaScript) - Es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.
* [Bootstrap](https://getbootstrap.com/) - Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.
* [Node.js](https://nodejs.org/es/) - Es un entorno de ejecución para JavaScript construido con el motor de JavaScript V8 de Chrome.
* [Express](https://expressjs.com/es/) - Es un framework de nodejs que nos permite crear un servidor de manera muy sencilla.
* [Socket.IO](https://socket.io/) - Este modulo me permite realizar la funcionalidad de tiempo real del chat.
* [nodemon](https://nodemon.io/) - Este modulo me permite reinicar el servidor sin tenerlo que ejecutar de nuevo.
* [Mongodb Atlas](https://www.mongodb.com/cloud/atlas) - Lo utilice para almacenar los mensajes y usuarios en la nube.
* [Heroku](https://www.heroku.com/) - Lo utilice para desplegar el proyecto.

#### Instalación 🔧

_Para la instalación de las dependencias del proyecto del chat, se tiene que ejecutar en la consola el siguiente comando:_
```
npm install
```

_Por ultimo para visualizar el proyecto se tiene que ejecutar el siguiente comando:_
```
npm run dev
```

#### Demo
![Peek 12-06-2020 23-49](https://user-images.githubusercontent.com/54491030/84929464-3a749500-b0a6-11ea-995e-ce57dd06dd32.gif)