Giter VIP home page Giter VIP logo

chatexpress's Introduction

ChatExpress

Aplicación Web de Chat en tiempo real con React y Node.js utilizando APIREST Full y Socket.io

La aplicación se basa en la interacción entre usuarios pudiendo enviarse mensajes en tiempo real y enviar solicitudes a otras personas

Desarrollado con React y Vite, utiliza la libreria de socket.io-client para el cliente manejando la funcionalidad de chat en tiempo real conectandose a un servidor para atender la solicitud con otros clientes y servicio web propio APIRest Full desarrollado en .NET con C# para la funcionalidad de inicio de sesion, registro de usuario, envio y gestión de solicitudes, y poder guardar su foto de perfil, esta ultima apoyandose con la api de imgbb para el guardado de imagenes en la nube


Página de Bienvenida para Iniciar Sesión o Registrarse image

Pantalla de Inicio con los usuarios para chatear image

Pantall de chat con una persona image

Pantalla de respuesta del chat image

Indicativo de usuario desconectado image

Página para buscar usuarios registrados y enviar solicitud de amistad image

Página para aceptar o rechazar solicitudes de amistad image

Página de ajustes del perfil como cambiar foto, contraseña y actualizar datos image

Tecnologías Utilizadas

Diseño de la base de datos

image

Desarrollado en nodejs utilizando la librería socket.io para servidores proporcionando funcionalidad al chat

Para ejecutar el proyecto en entorno de desarrollo

Debe clonar el proyecto en su directorio

  git clone https://github.com/eliascando/ChatExpress.git

Moverse en la consola al directorio donde se clonó el proyecto

  cd C://Users/user/ChatExpress

Debe instalar las dependencias del proyecto

  npm install

Luego se puede ejecutar el proyecto en modo desarrollo

  npm run dev

Nota: Debe tener instalado git y node.js para poder instalar las dependencias y ejecutar el proyecto

chatexpress's People

Contributors

eliascando avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.