Daffon es un proyecto web con temática de aplicación de videollamadas, asignado por la empresa DIGITAL BUHO S.A.C y supervisado por el gerente Enrique Baca Deyvis Daniel para el equipo de diseñadores front-end.
Visitar Daffon en GitHub Pages
Desarrollar una interfaz basada en un mockup aleatorio seleccionado individualmente por cada diseñador. En este caso, se ha elegido el diseño de Daffon. Se ha mantenido una alta fidelidad al mockup original (90%), con mejoras en la organización, optimización del código y la adición de nuevas funcionalidades.
- Cambio de idioma: Opción para alternar entre Español e Inglés a través de botones en el header, permitiendo cambiar de un
indexa otro en su idioma. - Animaciones de entrada: Gestionadas con AOS.js directamente en el mismo
index.html. - Reestructuración del código: Más corto y optimizado.
- Estilo visual mejorado: Manteniendo el 90% del diseño original.
- Compatibilidad con dispositivos móviles (Responsive Design): Aún no implementada, pero planificada para el futuro.
- HTML5
- CSS3 (Flexbox y Grid)
- JavaScript
- AOS.js (Para animaciones)
- Cambio de idioma en tiempo real a través de botones en el header.
- Efectos de animación al hacer scroll con AOS.js.
- Optimización de la estructura del código para mejorar rendimiento.
- Compatibilidad con dispositivos móviles (en desarrollo futuro).
Daffon/
│
├── index.html
├── ingles.html
├── css/
│ └── ...
├── img/
│ └── ...
└── readme.md
- Clonar el repositorio.
- Abrir
index.htmloingles.htmlen el navegador. - Cambiar de idioma desde el botón ubicado en la esquina superior derecha.
- Disfrutar de la experiencia visual y las animaciones.
Daffon ha sido optimizado para una experiencia fluida, visualmente atractiva y con una interfaz multilingüe. Cualquier actualización futura deberá alinearse con los lineamientos del diseño original.