Red Social es una aplicación desarrollada con Laravel en el backend, que permite la comunicación e interacción en tiempo real entre usuarios.Para el entorno frontend se utiliza Node.js junto con Laravel Mix para compilar estilos y scripts. La plataforma ofrece chat instantáneo, publicación de contenido y una interfaz
moderna y responsive. La comunicación en tiempo real se implementa con WebSockets para ofrecer una experiencia fluida y dinámica.
moderna y responsive. La comunicación en tiempo real se implementa con WebSockets para ofrecer una experiencia fluida y dinámica.
Demo del Proyecto
Tecnologías
Funcionaliades
- Diseño Adaptado a Móviles
- Experiencia optimizada para dispositivos móviles.
- Autenticación de Usuarios
- Registro seguro y sencillo.
- Recuperación de contraseña a través del correo corporativo.
- Notificaciones importantes enviadas a tu correo.
- Publicaciones en Tiempo Real
- Crear, editar y eliminar publicaciones.
- Comentar y añadir emojis en formato SVG para personalizar contenido.
- Comentarios en Tiempo Real
- Comenta, edita o elimina tus aportes en las publicaciones.
- Agrega emojis SVG para un toque expresivo.
- Edición de Perfil
- Modifica tu nombre, foto y otros datos personales.
- Buscador de Usuarios
- Encuentra amigos o conecta con nuevas personas fácilmente.
- Chat en Tiempo Real
- Mantente conectado y comunica instantáneamente con tus amigos.
- Notificaciones en Tiempo Real
- Recibe alertas sobre solicitudes de amistad, comentarios y otras interacciones relevantes.
- Juegos Integrados
- Disfruta de una variedad de juegos para tu entretenimiento.
- Conexión en Tiempo Real
- Visualiza en tiempo real cuándo tus amigos o usuarios están en línea.
Creditos
- Plantilla utilizada para la interfaz de usuario:
- NiceAdmin
- Licencia de la plantilla:
- Licencia
- Emojis SVG:
- SVG Repo
Usuarios para Pruebas
Acceso rápido: a página cuenta con un botón que permite ingresar automáticamente como usuario de prueba, sin necesidad de registrarse manualmente.
Instalación
- Requisitos Previos
- Descargar Proyecto.
- Tener Docker y Docker Compose instalados.
- Make: Utilizado para automatizar procesos y gestionar contenedores de manera más eficiente.
- Pasos de Instalación
- Clona el repositorio desde GitHub.
- Dentro del repositorio, encontrarás un archivo Makefile que contiene los comandos necesarios para iniciar y gestionar tu aplicación.
- Usa los siguientes comandos de Make para interactuar con la aplicación:
- make init-app: Inicializa los contenedores y configura la aplicación.
- make up: Levanta la aplicación y sus contenedores asociados.
- make down: Detiene los contenedores y apaga la aplicación.
- Accede a los siguientes URL:
- Aplicación Web: http://localhost:8081/
- PhpMyAdmin: http://localhost:8082/
