https://github.com/darioalbor/chatonline

Online Chat where you can register, log in, and interact with other users. 💬📲
https://github.com/darioalbor/chatonline

chat-aplication javascript jwt mongodb nodejs react socketio

Last synced: about 1 month ago
JSON representation

Online Chat where you can register, log in, and interact with other users. 💬📲

• Host: GitHub
• URL: https://github.com/darioalbor/chatonline
• Owner: DarioAlbor
• Created: 2024-06-23T04:21:10.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-05T02:11:21.000Z (over 1 year ago)
• Last Synced: 2025-01-19T09:10:04.158Z (over 1 year ago)
• Topics: chat-aplication, javascript, jwt, mongodb, nodejs, react, socketio
• Language: JavaScript
• Homepage: https://chatonlinetemplate.vercel.app
• Size: 2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 💬 Chat Online

[Español](README.md)  / [Inglés](README_EN.md) 

## 📖 Sobre el proyecto

Este proyecto es un **Chat Online** donde puedes registrarte, iniciar sesión e interactuar con otros usuarios, estén conectados o no. Utiliza un mecanismo sencillo para la comunicación entre el cliente y el servidor, garantizando una experiencia fluida y eficiente. ¡Espero que disfrutes usando este chat tanto como yo disfruté creándolo!

## 💻 Tecnologías usadas

- **Base de datos:** MongoDB

- **Frontend:** React

- **Backend:** Node.js

- **Comunicación en tiempo real:** Socket.io

- **Gestor de paquetes:** Yarn

## 🚀 ¿Cómo deployarlo?

### Clonar el repositorio

1. Clona el repositorio desde GitHub: `git clone https://github.com/DarioAlbor/ChatOnline.git`

2. Navega al directorio del proyecto: `cd ChatOnline`

### Configurar y arrancar el servidor

1. Navega al directorio del servidor: `cd server`

2. Modifica el archivo `.env` con tu configuración.

3. Instala las dependencias: `yarn`

4. Inicia el servidor: `yarn start`

### Configurar y arrancar el cliente

1. Navega al directorio del cliente: `cd client`

2. Instala las dependencias: `yarn`

3. Inicia el cliente: `yarn start`

¡Disfruta!

## 📬 Contacto

Puedes contactarme mediante mi [portafolio](https://darioalbor.dev.ar).

También puedes contribuir al proyecto sumando nuevas ideas o líneas de código. ¡Toda ayuda es bienvenida!

## 📸 Imágenes

| ![Inicio de sesión](./imagenesgit/login.png) | ![Registro](./imagenesgit/register.png) |

|:--------------------------------------------:|:---------------------------------------:|

| Inicio de sesión                             | Registro                               |

| ![Imagen de perfil](./imagenesgit/icons.png) | ![Chat](./imagenesgit/chat.png)        |

|:--------------------------------------------:|:--------------------------------------:|

| Imagen de perfil                             | Chat                                   |