Skip to content

greysmpich/DEV011-text-analyzer-proy1

 
 

Repository files navigation

Analizador de texto

Índice


1. Instrucciones de uso de "Text Analyzer"

Esta aplicación hace posible que extraigas información útil de textos, la cual te ayudará a comprenderlos de manera más profunda.

2. Funcionalidades

Una lupa sobre texto de libro

Credito: Foto de ethan en Unsplash

  1. La aplicación te permite ingresar un texto escribiéndolo o pegándola en un cuadro de texto.

  2. Una vez ingresada la información el Text Analyzer calculará y actualizará en tiempo real las siguientes métricas:

    • Recuento de palabras: número de palabras en el texto de entrada.
    • Recuento de caracteres: número de caracteres, incluidos espacios y signos de puntuación.
    • Recuento de caracteres excluyendo espacios y signos de puntuación: número de caracteres excluyendo espacios y signos de puntuación.
    • Recuento de números: conteo de números, incluyendo decimales.
    • Suma total de números: resultado de la suma de todos los números que hay en el texto de entrada.
    • Longitud media de las palabras: calcula la longitud media de las palabras.
  3. Puedes limpiar el contenido de la caja de texto y las métricas haciendo clic en el botón "Borrar Texto".

Text analyzer demo

5. Decisiones de diseño

Se creó un prototipo de baja fidelidad en figma en el cual se basó el la codificación de la aplicación. Prototipo de baja fidelidad

En el diseño se buscó que tanto los colores como los elementos de la aplicación fueran visualmente amigables para las usuarias, es por esto que se eligieron colores que no fueran muy brillantes y predominan las esquinas redondeadas. Al botón se le añadió una sombra inferior para que le diera un efecto de relieve que indique que es posible dar clic en él, también se le agregó un hover al botón para que la usuaria detecte con facilidad cuando el puntero se encuentre sobre el mismo.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.2%
  • CSS 4.8%
  • TypeScript 3.7%
  • HTML 3.3%