Code Monkey home page Code Monkey logo

arys-chat's Introduction

arys-chat

Implementación de un chat en tiempo real con autenticación de doble factor para el final de la materia de Arquitectura de Redes y Servicios.

Alumnos: Emanuel Balcazar y Mauricio Savarro.

La aplicación se encuentra disponible en linea en: https://arys-chat.web.app/chats

Preparación

Instalar nodejs: NodeJS 12.x

Instalar VueJS:

npm install -g @vue/cli

Despliegue

Clonar el proyecto

git clone https://github.com/emanuelbalcazar/arys-chat

Cambiar al directorio raiz del proyecto:

cd arys-chat

Instalar dependencias dentro del proyecto:

npm install

Ejecutar la aplicación con:

npm run serve

Registrarse

  1. Al entrar a http://localhost:8080 accedera a la pantalla de inicio de sesión.

alt text

Presione el boton "crear cuenta" para registrarse.

  1. Complete los datos solicitados, la contraseña puede ser distinta a la utilizada en su correo electronico.

alt text

  1. Se le solicitará que escanee el QR con una aplicación que sea compatible el algoritmo Time-based One-time Password (TOTP). Se sugiere utilizar Google Authenticator. Dicho codigo se guarda en su telefono y cambia cada 30 segundos por lo que se recomienda no borrarlo.

alt text

  1. Si el codigo ingresado es correcto, se le redireccionará a la pantalla principal de la aplicación.

alt text

Iniciar Sesión

Al momento de iniciar sesión, se le pedira su usuario y contraseña. Ademas se le solicitara que ingrese la clave de autenticación de doble factor que figure en su aplicación movil. En caso de haberla borrado puede volver a generarla presionando la opcion de "recuperar codigo"

alt text

Crear una nueva sala de chat

Si se encuentra dentro de la aplicación, puede crear una nueva sala que sera visible para todos los usuarios, al persistirse en firebase la sala estara disponible para todos y cualquiera podra unirse a su sala.

alt text

Dentro de la sala podrá chatear con los demas usuarios, tenga en cuenta que si todos los usuarios abandonan la sala esta se autoeliminará automaticamente.

alt text

En la pantalla de salas de chat, podra ver todas las salas disponibles. Puede unirse a cualquier sala sin ningun tipo de restricción.

alt text

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.