Alura Geek es una aplicación web diseñada para gestionar una lista de productos. La aplicación permite a los usuarios agregar nuevos productos proporcionando el nombre del producto, el precio y la URL de la imagen.
- Agregar Producto: Permite a los usuarios agregar un nuevo producto ingresando su nombre, precio y URL de la imagen, haciendo clic en el botón "Enviar" para agregar el producto a la lista.
- Mostrar Productos: Muestra una lista de todos los productos agregados con su respectiva imagen, nombre y precio, dichos productos agregados aparecerán en la sección "MIS PRODUCTOS". -Limpiar Formulario: Haz clic en el botón "Limpiar" para borrar los campos del formulario si deses agregar otra información del producto.
- Eliminar Producto: Los usuarios pueden eliminar productos de la lista según sea necesario, haciendo clic en el icono de la papelera junto al producto correspondiente.
- HTML5: Para la estructura del contenido web.
- CSS3: Para el diseño y la presentación visual de la aplicación.
- JavaScript: Para la lógica y la interacción del lado del cliente.
- SweetAlert2: Para mostrar alertas bonitas y fáciles de usar.
- Google Fonts: Para la tipografía personalizada.
- Visual Studio Code: Como entorno de desarrollo.
- Hice click en "Use this Template" del repositorio de SofiDev0.
- Creé un nuevo repositorio y actualiza el db.json predeterminado por mi db.json con mis productos.
- Creé una cuenta en Vercel y ancle mi github.
- Desde el panel de Vercel, hice clic en "+ Nuevo Proyecto" y luego click en "Importar" mi repositorio creado.
- En la pantalla "Configurar Proyecto", deje todo por defecto y hice clic en "Desplegar".
- Copie la nueva Url servidor falsa y volvi a Visual Studio modifique los campos donde estaba mi local 3000 por el nuevo Url servidor falsa.
Desarrollado por Katherin Condori