Tercer desafío de Alura LATAM: CRUD de un E-Commerce

El proyecto trata de hacer un CRUD de un E-Commerce. En este caso, se hace un CRUD de una farmacia llamada "FARMASALUD3". Esta vez no se trata de una web para el usuario sino que está orientado hacia el lado del Administrador.

Conocimientos aplicados

• Json-server
• Async/Await
• Fetching de datos
• Validación de formularios usando validity
• CRUD (Create, Read, Update, Delete)
• Manipulación del DOM
• Metodología BEM para CSS
• Metodología Mobile First y Layouts Responsivos
• NodeJS
• HTML, CSS y JavaScript
• Flexbox

Otros recursos

• Sweet Alert
• Palettes
• Para el despliegue de la mock api: Render
• Para realizar una comunicación a través del formulario: Formspree

Para poder entrar a la zona del Administrador

[
  {
    "email": "farma@gmail.com",
    "password": "RebellionFarmaSalud9",
    "id": "1"
  },
  {
    "email": "test@gmail.com",
    "password": "RebellionFarmaSalud9",
    "id": "2"
  },
  {
    "email": "planner@gmail.com",
    "password": "RebellionFarmaSalud9",
    "id": "3"
  },
  {
    "email": "bru@gmail.com",
    "password": "RebellionFarmaSalud9",
    "id": "4"
  }
]

Vídeos de demostración

Busqueda de productos

Agregando, eliminando, actualizando y obteniendo los productos

eliminar-producto.mp4

actualizar-producto.mp4

agregar-producto.mp4

Demo

https://ecommerce-farmasalud3.vercel.app/index.html