Portafolio sitio web

Sitio web personal creado para mostrar mis proyectos, habilidades y para que sirva de medio para interactuar con clientes y otros programadores.

Sitio web personal creado para mostrar mis proyectos, habilidades y para sirvir de medio para interactuar con clientes y otros programadores.

También es usado como el lugar donde probar lo que voy aprendiendo sobre desarrollo web, web3 y donde publico algunos artículos como medio de compartir mis (re)descubrimientos, organizar mis ideas y tener un lugar al que volver por contenido sistematizado sobre algún tema de mi interés.

Desarrollado inicialmente con HTML5, TailwindCSS y algo de JavaScript.

Actualizado a Next.js para incluir un blog, mejorar SEO, usar componentes y facilitar la reutilización de software.

TailwindCSS fue una herramienta muy útil, a la hora de seguir un sistema de diseño y crear un sitio web a la medida, gracias a su característica utilidad-primero (utility-first), que permite iteraciones y actualizaciones rápidas de prototipos.

El proyecto fue diseñado para proveer una buena experiencia de usuario y tener buen rendimiento. Gimp y imageoptim fueron herramientas utilizadas para crear imágenes de acuerdo a distintos tamaños de pantalla y para su compresión en busca de mejorar el rendimiento.

Aunque inicialmente usé Lighthouse (Google Chrome Console Tool) y RespImageLint para detectar problemas en las imágenes que afectan el rendimiento, luego de la transición a Next.js, la mayor parte de este trabajo es realizado por el framework y el componente Image.

Más proyectos

  • Back to Fluency AI

    Plataforma para aprender inglés desde la distancia entre tu lengua materna y el inglés: lecciones de audio a medida y conversación con IA por voz y texto.

  • Speak Level

    Diagnóstico de expresión oral API-first: graba una muestra corta y obtén un nivel MCER, puntajes por dimensión y recomendaciones ordenadas por impacto.

  • Job Tracker

    Aplicación privada de búsqueda de empleo donde agentes de Claude encuentran, puntúan, investigan y preparan postulaciones; cada cambio espera mi aprobación.

  • Perishable Shelf Stacking

    Reemplaza la lista de vida útil en papel del personal de reposición por una tarjeta de producto con la fecha de etiqueta calculada y la ubicación en estantería.

  • Influence Crew Builder

    Influence Crew Builder ayuda a optimizar la composición del equipo para obtener los mejores resultados en tus actividades.

  • Gestión de Dinero

    Amazon Web Services (AWS), entre otros proveedores de nube, permite a los equipos enfocarse en crear valor para el cliente.

  • Estrategias de salida

    Con el modelo GraphQL como centro, se generaron los tipos que AWS DataStore usa para las operaciones de crear, leer, actualizar, eliminar y listar (CRUDL).

  • Uso de la API Jobs de Github

    Poder realizar llamadas a APIs es esencial para el desarrollo web. Este proyecto explora el uso de fetch para realizar llamadas a APIs.

  • Naturaleza a tus pies

    Este proyecto sirvió para explorar las propiedades básicas de CSS Grid y cómo construir diseños que se adaptan al tamaño de la pantalla.

  • Galería de Imágenes

    En este proyecto usé CSS Grid para construir un sitio web flexible que se adapta a cualquier tamaño de pantalla.