logo

PassGenerator

A project that generates secure passwords.

PassGenerator

El Desafío

El proyecto nació como una participación en un reto de la comunidad de programación Ingenielos el cual contaba una restricción de tiempo de solo cuatro días. El principal obstáculo no fue solo el cronograma ajustado, sino la necesidad de equilibrar una agenda personal saturada. Debía construir una aplicación funcional y visualmente competitiva utilizando React y Next.js, un framework que en ese momento conocía de forma teórica pero en el que no tenía experiencia práctica en proyectos reales.

Mi Solución

Adopté un enfoque de "diseño primero" para maximizar la eficiencia del tiempo de desarrollo. Aproveché mis conocimientos en Figma para prototipar una interfaz pulida, seleccionando tipografías específicas y diseñando una identidad visual propia para diferenciar el producto.

Técnicamente, desarrollé el núcleo de la aplicación con Next.js, estructurando la lógica de generación de contraseñas mediante un algoritmo de aleatoriedad que permite al usuario personalizar criterios (longitud, caracteres especiales, números). Para asegurar una experiencia de usuario fluida, integré el acceso a la API del portapapeles y prioricé la organización de la lógica antes de escribir la primera línea de código mediante diagramas de flujo.

Logro Técnico Destacado

El mayor hito técnico fue la transición de la teoría a la implementación de estados y Hooks en un entorno de producción bajo presión. Superé la curva de aprendizaje del manejo de contextos y lógica reactiva mientras cumplía con los plazos de entrega. Esta metodología de trabajo y la calidad del entregable resultaron en la obtención del Primer Lugar en la competencia.

Stack

Tecnologías y herramientas utilizadas durante el desarrollo del proyecto.

HTML CSS JavaScript React.js Next.js Figma
backgroud dectorationbackgroud dectorationbackgroud dectorationbackgroud dectoration