Skip to content

AleGarciaLara/DEV015-text-analyzer

 
 

Repository files navigation

TEXT ANALYZER

Esta es una aplicación web que permite a las usuarias pueden analizar un texto en el navegador mostrando una serie de indicadores y métricas específicas:

  • Caracteres
  • Caracteres sin espacios ni signos de puntuación
  • Letras
  • Números
  • Suma de números
  • Promedio de longitud de las palabras

TECNOLOGÍAS UTILIZADAS

Utilicé HTML, CSS y Vanilla Javascript. Esta aplicación NO utiliza librerías o frameworks.

PROTOTIPO

Realizado en Figma. El prototipo muestra un diseño pensado en la comodidad de la usuaria al usar la aplicación. Elegí los tonos oscuros como herramienta para mejorar la experiencia de usuario: reduce la fatiga visual y evita la tensión ocular, además de crear un ambiente más relajado.

Prototipo

APLICACIÓN WEB

Hice algunas modificaciones al diseño original del prototipo para una mejor experiencia de usuario. El textarea, los indicadores y el botón se encuentran centrados en la página.

Captura de Pantalla 2024-06-06 a la(s) 11 12 12

¿CÓMO FUNCIONA?

La usuaria debe escribiro pegar un texto dentro del textarea en la aplicación web. De manera inmediata se verán reflejados los parámetros mencionados anteriormente (caracteres, letras, etc.) en la parte de la derecha. Al finalizar con el análisis del texto la usuaria podrá limpiar el textarea y 'resetear' los parámetros dando click en el botón 'Limpiar'; de esta manera podrá llevar a cabo el proceso de análisis de un texto diferente.

App web Text analyzer

About

Primer proyecto Laboratoria

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.8%
  • TypeScript 3.7%
  • CSS 3.0%
  • HTML 2.5%