IDEAS QUE PUEDE TENER EL SITO

• tiendita de swagg
• registro de usuarios
• landing de explicación general de NSSM
• apartado para ponentes
• hosteo de los certificados
• blog

Originally posted by @D3Portillo in #1 (comment)

Notes/Feedback:

La idea es crear un componente marquee que se adapte a su contenedor padre y que haga la animación de desplazar texto cómo lo hacen las marquees, sería muy genial si la marquee no muestre espacios en blanco y el texto que se busque mostrar en ella sea animado continuamente.

Recursos/Resources:

Sería genial si pudiera imitarse cúalquiera de estos ejemplos:

• https://codepen.io/cyboc23/pen/NWqYyzx
• https://codepen.io/Punkrazio/details/QWbYvBv

Puedes usar cúalquiera estás clases de tailwind, bg-yellow font-black font-poppins. Ver configuración completa de Tailwind

Todo

• Crear el component Marquee
• El componente se llama Marquee
• El componente Marquee acepta cómo children el contenido a ser animado

Notes/Feedback:

El objetivo es crear un componente de tipo Input que pueda usarse en Formularios, en sí, el componente puede ser Uncontrolled y Controlled, la prop que expondrá el componente para ser "controlable" es onChange y value

Que se espera pueda hacer el Input

• Se podrá ajustar las clases pasandolas por la prop className
• El nombre del componente es Input

Recursos/Resources:

Todo

• Prototipo del componente
• Elaboración de Sabores: (Dark, Light)
• Agregar Jest tests
• Visualizar el Storybook
• Integrar a la master

Include any subtask you will be doing to complete this track task, so anyone reading this can contribute too, follow this examples:

• Refactor buggy code
• Update old JS library
• Includes Tailwindcss

_{Remember you can suggest a better way of doing this, just spill the beans : )}

Sobre el issue

Gracias por el interés de colaborar en el desarrollo del website. Para esta ocación se necesita elaborar el componente Footer del website y blog. Debe acoplarse a su contenedor, puedes usar la clase w-full.

Resultado esperado

PD: Ignora los bordes de color rojo, sirve para saber que el botón de la derecha es de fondo blanco

Assets

Para el icono se recomienda usar un icono de su preferencia disponible en https://react-icons.github.io/react-icons. Buscar palabra clave arrowup

Todo

• Elaboración del componente
• El Footer incluye los assets e iconos listados en el issue
• El componente se llama Footer

Un poco de info dev, https://github.com/nodeschoolsm/website/tree/master/docs

Notes/Feedback:

Gracias por tu colaboración en para los componentes de UI en la comunidad.
Los siguientes botones debe ser fluid y adaptar su ancho al contenedor. Además se necesita de 2 "sabores" del componente, estás libre de decidir cómo puede funcionar la lógica para la selección del "sabor", ten en cuenta que es necesario sí tener un sabor por defecto del componente.

Que se espera pueda hacer el boton

• Se podrá ajustar las clases pasandolas por la prop className
• El nombre del componente es Button

Clases de tailwind en el componente

bg-yellow text-black font-black text-xl px-6 py-5

Recursos/Resources:

Todo

• Elaboración del "sabor" Primary del boton
• Elaboración del "sabor" Secundary del boton
• Test local importando el componente realizado
• Integrado a master

Información de TailwindCSS

_{Remember you can suggest a better way of doing this, just spill the beans : )}

Hola, seleccionemos una Stack de desarrollo para el sitio