El equipo deberá crear e incorporar nuevos componentes para el sitio web de Codificable utilizando el sistema de diseño (Codificable UI) y ITCSS. Los componentes deberán ser 100% responsivos según las especificaciones del diseño en Figma.
El repositorio base no incluye los componentes Grid trabajados en la última asignación (objeto Pancake Stack y componente Features). El equipo deberá evaluar el trabajo que cada uno hizo e integrar la mejor propuesta o una propuesta revisada de dichos componentes en este proyecto.
Es común que una institución quiera transmitir la relación que tiene con otras compañías de prestigio. En el caso de Codificable, quisiéramos trasmitir que los miembros de la comunidad trabajan en prestigiosas compañías de desarrollo de software.
- Los logos deben ser de tipo SVG
- La cantidad de logos puede ser variable y deben acomodarse automáticamente según el diseño.
- La lista de logos debe ocupar múltiples líneas si es necesario.
Los testimonios son una poderosa herramienta para transmitir confianza en el producto que estamos promocionando. En Codificable, quisiéramos mostrar el testimonio de miembros de la comunidad que valoran ser parte de ella.
- El tamaño mínimo de un tarjeta de testimonio es de 280px
- En pantallas grandes de 1280px o más, deberán haber tantas columnas sea posible.
- En pantallas de menos de 1280px, el contenedor de testimonios deberá tener un ancho máximo de 896px. Dentro de esa restricción, deberán haber tantas columnas como sea posible.
La sección de Pricing es una de las más importantes ya que busca invitar al visitante a realizar un compromiso económico. La información debe ser clara y transparente. En el caso de Codificable, invitamos al visitante a unirse a un plan anual para acceder al 100% de recursos de la comunidad.
- El botón tiene una variante para que ocupe todo el ancho de su contenedor (full-width)
- El diseño es horizontal o vertical según el tamaño de la pantalla
- La lista de beneficios incluidos ocupa 1 o 2 columnas según el tamaño de pantalla
Ahora que contamos con los poderes de Flexbox y Grid podemos mejorar la sección que contiene la lista de blog posts. Incluiremos la imagen principal del articulo para hacerlo más atractivo.
- En pantallas menores de 1024px, la imagen debe ocupar todo el ancho disponible y mantener una proporción de 16 x 9.
- Solo a partir de 1024px en adelante, el diseño cambia mostrando la imagen a la izquierda y el contenido a la derecha. A partir de este momento la imagen debe mantener un tamaño de 256px x 256px.
Cada miembro del equipo desarrolló un artículo en el proyecto anterior. Este artículo debe ser incluido aquí también. Deberán implementar cualquier mejora o corrección pendiente.
Esta vez todos compartiremos los mismos estilos para nuestros artículos a fin de tener un producto uniforme y profesional.
Seguiremos utilizando GitHub Flow para el desarrollo de las tareas.
- En esta ocasión cada equipo será responsable de crear sus tareas en el tablero Kanban
- El nombre de la tarea deberá iniciar el su código de equipo, por ejemplo T01 Nombre de tarea para una tarea que le pertenece al equipo 1.
- Si todos respetamos esta convención podremos usar el filtro de la parte superior para filtrar solo las tareas de nuestro equipo. Por ejemplo:
Para dar por finalizado el Extended Project deberás completar el formulario de feedback para cada uno de tus compañeros de equipo y registrar la URL de su repositorio de GitHub.
La fecha máxima de entrega es sábado a las 23:59:59 EST (media noche). Si tu equipo necesita tiempo adicional deberás comunicarte con tu Asistente Académico.
Happy coding! 🧑💻🧑💻🧑💻