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

https://github.com/lucas29951/chat-online

Chat en tiempo real entre usuarios, con gestion de salas.
https://github.com/lucas29951/chat-online

backend chatroom css3 express-js frontend html5 javascript node-js socket-io

Last synced: 4 months ago
JSON representation

Chat en tiempo real entre usuarios, con gestion de salas.

Awesome Lists containing this project

README

          

# 💬 Chat Online

![Chat Online](https://img.shields.io/badge/Estado-En%20Desarrollo-yellow) ![Tecnologías](https://img.shields.io/badge/Tecnologías-Node.js%20%7C%20Socket.io%20%7C%20JavaScript-green) ![Licencia](https://img.shields.io/badge/Licencia-MIT-blue)

🚀 **Chat Online** es una aplicación en tiempo real que permite a los usuarios comunicarse instantáneamente a través de una interfaz web, ofreciendo una experiencia fluida y en tiempo real.

---

## 📜 Tabla de Contenidos

- [🎯 Características](#-características)
- [🛠️ Tecnologías Utilizadas](#️-tecnologías-utilizadas)
- [⚙️ Instalación y Uso](#️-instalación-y-uso)
- [📸 Capturas de Pantalla](#-capturas-de-pantalla)
- [🔗 Contribuciones](#-contribuciones)
- [📄 Licencia](#-licencia)
- [🎖️ Créditos](#️-créditos)
- [📩 Contacto](#-contacto)

---

## 🎯 Características

✅ **Mensajería en Tiempo Real:** Comunicación instantánea entre los usuarios.
✅ **Interfaz Dinámica y Amigable:** Diseño intuitivo y adaptable a diferentes dispositivos.
✅ **Múltiples Salas de Chat:** Soporte para diferentes conversaciones simultáneas.
✅ **Notificaciones en el Chat:** Avisos cuando un usuario se une o abandona la sala.
✅ **Historial Temporal de Mensajes:** Permite ver los últimos mensajes enviados.

---

## 🛠️ Tecnologías Utilizadas

| Tecnología | Descripción |
|------------|-------------|
| **Node.js** | Entorno de ejecución para JavaScript en el backend. |
| **Express.js** | Framework para construir el servidor de la aplicación. |
| **Socket.io** | Biblioteca para implementar comunicación en tiempo real. |
| **HTML, CSS y JavaScript** | Para la estructura y estilo de la aplicación. |

---

## ⚙️ Instalación y Uso

### 🔹 **Requisitos Previos**
Antes de comenzar, asegúrate de tener instalado lo siguiente en tu sistema:

- [Node.js](https://nodejs.org/)
- npm (gestor de paquetes de Node.js)

### 🔹 **Pasos de Instalación**

1️⃣ Clona este repositorio:
```bash
git clone https://github.com/lucas29951/chat-online.git
```

2️⃣ Accede al directorio del proyecto:
```bash
cd chat-online
```

3️⃣ Instala las dependencias necesarias:
```bash
npm install
```

4️⃣ Inicia el servidor:
```bash
npm start
```

5️⃣ Abre tu navegador y accede a:
```bash
http://localhost:3000
```

---

## 📸 Capturas de Pantalla

### 🎨 Interfaz Principal
![Interfaz Principal](/screenshots/interfaz-principal.png)

### 🗨️ Conversación en Tiempo Real
![Chat en Vivo](/screenshots/chat-en-vivo.png)

---

## 🔗 Contribuciones

¡Las contribuciones son bienvenidas! 🎉 Si deseas mejorar el proyecto, sigue estos pasos:

1️⃣ **Haz un Fork** del repositorio.
2️⃣ **Crea una Rama** (`git checkout -b feature-nueva-funcionalidad`).
3️⃣ **Realiza tus cambios** y haz un commit (`git commit -m "Descripción de cambios"`).
4️⃣ **Sube los cambios** a tu fork (`git push origin feature-nueva-funcionalidad`).
5️⃣ **Abre un Pull Request** y explica tus cambios.

---

## 📄 Licencia

Este proyecto está bajo la Licencia **MIT**. Consulta el archivo [LICENSE](LICENSE) para más información.

---

## 🎖️ Créditos

Este proyecto fue realizado basandose en el proyecto de [Brad Traversy](https://github.com/bradtraversy). Agradezco al autor por compartir sus conocimientos y recursos.

Puedes encontrar el video de como realizarlo en el siguiente enlace: [Enlace del video](https://youtu.be/jD7FnbI76Hg).

---

## 📩 Contacto

📧 **Desarrollador:** Lucas Rodriguez
🔗 **GitHub:** [lucas29951](https://github.com/lucas29951)
📌 **Repositorio del Proyecto:** [Chat Online](https://github.com/lucas29951/chat-online)