Analizador de texto

Índice

• 1. Consideraciones generales
• 2. Descripción
• 3. Resumen del proyecto
• 4. Funcionalidades
• 5. Tecnologías usadas
• 6. Boilerplate
• 7. Planificación
• 8. Planificación

1. Consideraciones generales

• Este proyecto lo resolvi de manera individual.
• El rango de tiempo estimado que me llevo a culminar el proyecto fueron de 3 Sprints .
• Mi enfoque principal fue aprender mas que en terminar el proyecto.

2. Descripcion

Bienvenido al proyecto Text Analyzer, una herramienta intuitiva y eficiente diseñada para proporcionar un análisis detallado del texto ingresado por el usuario. Text Analyzer permite a los usuarios obtener información útil sobre el texto ingresado, incluyendo el conteo de palabras, números, la suma de los números presentes en el texto, y la longitud media de las palabras, todo en tiempo real. Además, incluye una funcionalidad de reinicio que permite limpiar el contenido del área de texto y restablecer todos los contadores, facilitando un nuevo análisis desde cero.

3. Resumen del proyecto

El proyecto es la creacion de una página web que sirve para que la usuaria analice un texto en el navegador mostrandole una serie de indicaciones y metricas especificas como caracteres, letras,números,etc. En este proyecto se utilizó las herramientas de HTML,CSS y JavaScript.

4. Funcionalidades

• Recuento de palabras: Calcula el número de palabras en el texto ingresado.
• Recuento de caracteres: Calcula el número de cacteres en el texto ingresado.
• Recuento de caracteres excluyendo espacios y signos de puntuación: Calcula el número de caracteres excluyendo espacios y signos de puntuacion en el texto ingresado.
• Recuento de números: Calcula el número de números en el texto ingresado.
• Suma total de números: Suma todos los números presentes en el texto.
• Longitud media de las palabras: Calcula la longitud media de las palabras en el texto.
• Botón de reinicio: Permite limpiar el contenido del área de texto y reiniciar todos los contadores.

5. Tecnologías usadas

• HTML5: Para la estructura de la página.
• CSS3: Para el estilo y diseño de la página.
• JavaScript: Para la lógica de análisis de texto.

6. Boilerplate

El proyecto esta implementada completamente en JavaScript. En este pryecto no se usan librereias ni framworks, solo JavaScript mas conocido como Vanilla JavaSxript.

El boilerplate contiene esta estructura:

./
├── .babelrc
├── .editorconfig
├── .eslintrc
├── .gitignore
├── README.md
├── package.json
├── src
│   ├── analyzer.js
│   ├── index.html
│   ├── index.js
│   └── style.css
└── test
    ├── .eslintrc
    └── analyzer.spec.js

7. Planificación

Para la planificacion del proyecto se utilizó Projects de Git Hub. Projects permitió hacer un buen seguimiento y planificacion del trabajo de forma muy adaptable y flexible. La planificacion del proyecto se realizó organizanco las actividades por Sprints, identificando el orden de prioridad.

8. Prototipo

Para la realizacion del prototipo se utilizó la herramienta Figma, donde se plasmó las ideas iniciales de como se veria la página web, luego se fueron modificando algunos detalles hasta culminar con la estructura y combinacion de colores finales.

9. Conclusiones

El proyecto final es una herramienta web interactiva diseñada para proporcionar un análisis detallado del texto ingresado por el usuario. Este proyecto está construido utilizando tecnologías web fundamentales como HTML, CSS y JavaScript. Ofrece funcionalidades clave como el conteo de palabras, números, la suma de los números presentes en el texto, y la longitud media de las palabras, todo en tiempo real. Además, incluye un botón de reinicio que permite limpiar el contenido del área de texto y restablecer todos los contadores. El proyecto combina facilidad de uso, interactividad en tiempo real, y una estructura modular lo que permite futuras mejoras y colaboraciones.