Este repositorio contiene el desarrollo de maquetacion y animacion sobre la replica del tablero de (Trello) poniendo en práctica lo aprendido en clases y el self learnig estructuras HTML, hoja de estilo CSS y utilizando DOM para realizar (animaciones mediante uso de eventos).
- La pagina a replicar es: página original.
- Se mostrará el texto
"Añadir una lista ...". - Al hacer click se debe ocultar el texto y mostrar un formulario.
- El formulario está conformado por un input y un botón para que pueda
añadir tareas a tu lista.
- Al dar click en el botón de
"Guardar", se mostrará un nuevo cuadro donde estará el nombre de la lista agregada. Mostrar un texto de"Añadir una tarea"dentro de la lista.
- Al dar click en "Añadir una tarea", deberá mostrar un formulario con un textarea y un botón que diga
"Añadir".
- Poner focus al input al dar click en
"Agregar nueva tarea". - Al dar click en el botón de
"Añadir", deberá aparecer el texto de la tarea debajo del título de la lista.
- Mostrar el formulario nuevamente debajo de la última tarea añadida.
- Poder agregar múltiples listas con tarjetas. Para esto, el formulario de "Añadir una lista" debe aparecer a la derecha de la lista anteriormente creada.
- HTML5
- CSS3
- JS
El reto consiste en replicar el tablero de trello.
