Tambien se puede usar
He aquà mi pequeño (que se torno en gran) experimento probando tecnologÃas de distintos tipos y cruzando por incontables campos del front-end. mi pagina web personal es mas que eso, una web personal, es un proyecto el cual me ha ayudado a crecer y aprender distintas cosas que hoy actualmente hacen que me apasione del mundo de la web y el front-end.
Previamente (Y como se puede observar en la rama "holdingOld") tenÃa un repositorio con un frontend en Angular, algunos subdominios estaticos y otras cosas. Ahora he re hecho mi página web con mis nuevos conocimientos y con el ánimo de poner en práctica mis habilidades con nuevas técnologias y computación visual.
En especial utilicé tecnologÃas web cómo:
- WebGl por medio de ThreeJS
- Animaciones avanzadas con el uso de GSAP
- Uso del WebAudioAPI para analizar música
- Eventos para realizar animaciones basadas en el movimiento del ratón
La página está compuesta por 8 secciones:
- El banner inicial interactivo con mi nombre y fotos en el background que se mueven con el ratón
- Una sección con una breve descripción de quién soy y que hago
- Una sección de articulos con mis proyectos destacados
- Una GalerÃa con mis experiencias y premios
- Una sección interactiva dónde tener una experiencia visual y auditiva con mis canciones favoritas
- Una galerÃa donde se muestran mis hobbies
- Una sección donde se muestra mi experiencia acádemica
- El footer con mi información de contacto
Cosas por hacer:
- Optimizar el tamaño de las imagenes, css, y scripts para mejorar los tiempos de carga del sitio web
- Investigar como evitar que Three JS en la sección de canciones no haga e.preventDefault(), Causando errores en la consola al hacer scroll sobre esta sección
- Refinar el contenido
- Editar los audios de la experiencia visual para que estos no tengan las intros de los videos de donde salieron (o quizá conectarlos directamente al API de spotify)
- Poder mutear las canciones una vez desplegadas JAJAJAJAJA
La arquitectura del sitio esta hecha de tal manera:
- Dominio proveido por Namecheap
- DNS servidos por CloudFlare
- El Sitio esta siendo servido por Netlify
- Tambien está siendo continuamente desplegado por Netlify cada vez que hay un push sobre la rama master
- El codigo está en github