Manipulació del DOM amb JavaScript pur (Plain JavaScript DOM Manipulations)

En este repositorio lo que hay es una app web CRUD con JavaScript Puro.

Objectius

Aprender a hacer una app que modifique cree objetos y lo smiuestre en pantalla

Requisitos mínimos:

• L@s usuari@s podrán agregar nuevos elementos a la lista, con un mínimo de dos campos (por ejemplo, si se trata de un administrador de productos, tendremos que incluir un campo para el nombre y otro para el precio, como mínimo).
• L@s usuari@s podrán ver todos los elementos existentes en la aplicación Crea el frontend de un administrador de lista
• L@s usuari@s podrán editar un elemento.
• L@s usuari@s podrán eliminar un elemento.
• La aplicación debe ser responsive.

Extras

• L@s usuari@s podrán ordenar los elementos por algún criterio (alfabéticamente, precio, fecha de creación, estado, etc.).
• L@s usuari@s podrán asignar categorías o etiquetas a sus elementos para una mejor organización (por ejemplo, si se trata de recetas de cocina, categorías como postre , aperitivo ).
• L@s usuari@s podrán filtrar los elementos a partir de estas categorías.

🪐 Extras cósmicos

• L@s usuari@s podrán registrarse en la aplicación proporcionando un nombre de usuari@ y una contraseña.

Utilizar una API para la persistencia de datos, en vez de localStorage. Podéis simular una utilizando json-server . Este extra requiere investigación autónoma

Configuració

• npm install per instal·lar Tailwind CSS.
• npm start per a inicialitzar el compilador de Tailwind CSS.
• Obre index.html al navegador amb el Live Server de VS Code.

Requisits bàsics

Nota: no feu servir jQuery ni cap altra llibreria en aquest exercici! L'objectiu de l'activitat és acostumar-se a fer "DOM manipulations" fent servir únicament JavaScript pur.

4. Millora els estils

• Juga amb els estils per què sembli el més professional possible!

Presentación

Se dispone de una semana para completar el trabajo. La presentación y entrega se efectúa el 25 de Abril de 2024. La presentación será de 5 minutos y se dividirá de la siguiente manera:

• 2 minutos de demostración de la aplicación.
• 2 minutos de code review.
• 2 minutos ara explicar el flujo de trabajo y la organización. Entregables Repositorio de GitHub. Criterios de rendimiento Entrega correcta de archivos en Github.

Recursos

• MDN - Manipulating the DOM Guide
• Plain JS - Common DOM Manipulation methods
• Eloquent JavaScript - The DOM
• Eloquent JavaScript - Handling Events

Notes

Aquest és un projecte d'estudiant creat a CodeOp, al bootcamp de Front End Development a Barcelona.