Proyectos principales:

¡Haz clic en los nombres de los proyectos y va a la página de GitHub!

VerifiQ

HTML/CSS y Javascript

Este proyecto es un servicio donde el cliente sube algunos retratos de su sneakers y, después de pagar una tasa, recibe un certificado en blockchain que comprova la originalidad de su producto. Este proyecto tuvo un desarrollo complejo por integrar blockchain, backend e frontend. Yo desarrollé el frontend, donde, utilizando HTML, CSS e Javascript, entregué a tiempo un buen resultado final:

En este proyecto, adquirí conocimiento satisfactorio en HTML y CSS, aprendí a realizar animaciones y aceptar el JS cómo una solución de problemas mágico. El Javascript nos ayudó en el login, haciendo una animación básica, eliminando la opción "login" después del usuario logarse. Mi equipo logró una buena colaboración y comunicación através del Github. Ese proyecto fue muy importante para mi aprendizaje acerca de los conceptos importantes del Frontend, con trabajo en equipo con la finalidad del desarrollo ideal de la aplicación.

Sitio de pediatria

HTML/CSS

Un cliente me pidió un sitio para divulgación de información médica acerca de la pediatria, de manera intuitiva y fácil para todos los públicos. Ese servicio me ayudó a mejorar mis técnicas de HTML e CSS, además de mejorar mi comunicación con los clientes.

La ideia fue un sitio simples, pero el cliente me pidió para implementar una herramienta identificadora de accesos del site. La solución más rápida y fácil fue implementar el "Google Analitics".

Homenaje a la franquicia Zelda

Tailwind CSS y Javascript

Como forma de entrenar a TailwindCSS, creé este homenaje con secciones donde muestro los momentos más emocionantes de cada juego 3D de la franquicia The Legend of Zelda de Nintendo. Al hacer clic en los logotipos, el usuario es redirigido a los videos. Considero que este es mi mejor ejemplo de experiencia de usuario:

Al principio, el proyecto era muy pesado debido a la cantidad de audio y video, pero encontré una solución usando "Cloudinary", subiendo los archivos a la nube y extrayéndolos con URL. Por ahora, el proyecto solo está disponible en portugués.

¡Haz clic aquí para disfrutar de la experiencia!

Conocimiento adquirido:

ToDo avanzando

Javascript

Cómo una manera de treinamento de mis habilidades en JavaScript, yo compré un curso del equipo "Hora de Codar", dónde fui orientado a criar un "To Do" que permite el usuario salvar, editar y borrar informaciones que fueran introduzidas antes:

Estaba sob supervisión y fui apto a desarrollar el proyecto y conocer buenas técnicas de JavaScript, que llevo para mí vida profesional.

Juego de plataformas básico

Javascript

Usando principalmente Javascript, creé un "juego de plataformas" donde los bloques se mueven hacia el jugador, quien simplemente salta. La mayor dificultad fue crear la colisión y el HUD, que inciden directamente en la jugabilidad, como finalizar el juego con un botón y cambiar el volumen (usando una etiqueta). Fue un proyecto interesante, donde agregué algunos sonidos, como saltar, ganar, perder y sumar puntos.

Puse un límite de 50 puntos para que no fuera infinito, utilice los colores temáticos del portafolio y todos los sonidos utilizados fueron de la franquicia de Mario.

Jugar!

Generador de QR code

Integración API

Neste proyecto usé un API que genera QR code e integré en mi propio generador cómo una forma de entrenar mis técnicas de integración de APIs y JS:

Generador de box shadow

Javascript

Densenvolví un generador interactivo de box Shadow utilizando JavaScript, dónde la herramienta ajusta los parámetros mediante de los comandos del usuario, como Blur, spread y Shadow color, mientras exhibe un visual que será aplicado en tiempo real, exhibiendo el CSS final para la copia. Fue un grande exercício para la manipulación de DOM y eventos manuales:

Optimización de la página web

Lazy Loading

Neste proyecto yo crié una página de imágenes de alta resolución y, utilizando las DevTools del Google Chrome, simulé una conexión 4G lenta, para mostrar la implementación del lazy loading.

Este setup demonstra cómo el lazy loading genera un delay, disminuyendo el tiempo de cargamento inicial y ahorrando internet para conexiones lentas.

Clones hechos por mí:

Instagram

HTML/CSS

Hice una copia basada en una página antigua del Instagram, utilizando apenas HTML e CSS puro, para Entrenamiento, como posición de las divs, funcionamiento del flexbox y algunas propiedades del CSS (Mobile e Desktop).

Iphone 13 Pro

HTML/CSS y Javascript

HTML e CSS fueron utilizados para clonar la página y JavaScript para realizar la transición del color de iPhone. al hacer clic en un botón, el JS transfiere la característica "active" para lo selecionado, haciendo así la animación de troca de color. (Mobile e Desktop).