Trilogy Solutions website

💻 Sobre el proyecto

Los usuarios podrán:

• Ver el diseño óptimo de la página según el tamaño de pantalla de su dispositivo (móvil, tableta y escritorio).
• Ver los estados de desplazamiento de todos los elementos interactivos de la página.

🛠️ Para instalar las dependencias del proyecto:

• Con npm: npm install
• Con yarn: yarn install

📌 Scripts:

• Ejecuta la aplicación en modo dev: npm run dev o yarn run dev
• Abra http://localhost:5173 para verla en el navegador.

📕 Más información

Puede obtener más información en la documentación:

• React
• Vite
• Framer motion
• Swiper

🔎 Deploy

🔗 Visitar Trilogy Solutions

🛠️ Herramientas implementadas

• HTML
• JavaScript
• React - Vite
• Git || GitHub
• CSS Modules - Diseño responsive - Mobile-first workflow
• Framer motion para animaciones
• Swiper para sliders y carruseles
• React scroll para gestión de scroll
• React icons para incrustación de iconos

📸 Site preview

Nota: Para capturar la pantalla completa, fue necesario desplazarse hasta la parte inferior de la página y asegurarse de que todos los componentes estaban cargados, debido a la implementación de animaciones de desplazamiento con Framer Motion. Por este motivo, en la imagen a pantalla completa, la cabecera aparecerá en la parte inferior de la página, ya que también se desplaza..