¡Hola Dev!
En Gradiweb hacemos un concurso anual de fotografia, ya tenemos todas las imagenes y queremos crear una landing con las siguientes especificaciones:
1 Debes hacer un fork del repositorio y clonarlo en tu equipo.
2 El diseño debe ser igual al siguiente mockup:
d7e3b89cc905ffeb73048d22f4d0a3afcd390381
3 Los logos los puedes encontrar en la carpeta /assets/img
4 Cuando el usuario realice :hover en una imagen, la imagen se debe redimensionar, tener un background de color #00D664, y mostrar el id y el nombre del autor, junto con el logo blanco de gradiweb.
5 Las imágenes de deben cargar dinamicamente en el evento scroll de la página.
6 El sitio debe ser 100% responsivo
7 Los datos que debes consumir para desarrollar nuestra landing, los encuentras en /api/gradiAuthors.json.
8 Al finalizar el desarrollo, debes publicarlo en github pages.
- Uso de preprocesadores + 10pts
- Uso de metodologías frontend como BEM, OOCSS, ITCSS… + 10 pts
- Uso de Vanilla JS + 40pts
- Uso de ramas por funcionalidad y commits 100% descriptivos + 10pts
- Código legible y estructurado + 10pts
- Sitio responsivo + 10pts
- Uso de fuentes y recursos adicionales + 10pts
Uso de jQuery
Uso de fetch API
Es indispensable tener el proyecto publicado en github pages y por consiguiente en un repo remoto de github, de lo contrario no será posible evaluar tus resultados.