Esta es mi lista de la compra.

Es una aplicación web muy sencilla, toda en una página.

Arriba hay una lista blanca con los artículos que tengo que comprar. Abajo hay una lista negra con todos los artículos.

Primero se muestra la lista blanca con los artículos en columna de botones grandes (útil en pantallas de móviles y tablets), y al final todos juntos en botones pequeños (útil para pantallas de ordenador).

Después se muestra la lista negra con los artículos agrupados por familias, y al final hay otra lista con todos los artículos sean de la familia que sean.

Observarás que todo está ordenado alfabéticamente.

Si se pulsa un botón de la lista blanca, desaparece de la lista blanca.

Si se pulsa un botón de la lista negra, se añade a la lista blanca y se sombrea de color naranja.

La lista blanca es la que usarás en el supermercado, la ferretería o la gasolinera. Puedes ir vaciándola a medida que echas cosas al carrito.

Cuando vayas a planificar tu compra, si no la vacías la tendrás como referencia para la siguiente planificación; de lo contrario la tendrás vacía, como al principio.

Al planificar tu compra, la idea es recorrer la lista blanca (si no la has vaciado) pulsando sobre lo que no quieres comprar, y después recorrer la lista negra pulsando sobre lo que sí quieres comprar y aún no esté marcado en naranja.

Si quieres usar tu propia lista déjame un comentario abajo del todo y te habilitaré una solo para tí, con tus artículos y tus familias de artículos.

Mientras tanto, si quieres practicar y no cambiarme mi propia lista, rellena aquí tu nombre y practica con tu lista de la compra, pero con mis artículos y mis familias de artículos