eCommerce - Alura Challenge - Challenge ONE

Sprint 2 y 3 - Challenge ONE: Front End

Fue ideado para colocar en práctica los conocimientos adquiridos en la ruta de FrontEnd de Alura, combinando herramientas de Front End (HTML y CSS) junto con un CRUD completo para creación de productos de un ecommerce

Es un Challenge cuyo objetivo principal es la construcción a partir de un diseño figma y un backlog representado en Trello, un ecommerce que permita la autenticación de usuarios; creación, lectura, actualización y eliminado de productos, siendo una aplicación con contenido dinámico a lo que de extra le agregué la cualidad de ser un SPA (Single Page Aplication)

🔗Link a la página del proyecto

🔗Link a solo el contenido del Sprint 2

Tecnologías:

Principales:

Handlebars

Extra:

Responsive: Mobile First
Asincronía a través de APIs
CRUD (Create, Read, Update y Delete)
SPA (Single Page Application)

Getting Started

Instalación

Clone the repo

git clone https://github.com/Cmoros/eCommerce_Alura-Challenge-ONE.git

Install NPM packages
```
npm install
```
Start the server
```
npm start
```
Abre en http://localhost:3000/ para ver el frontEnd

Sobre el Desafío:

Requisitos:

Historia

La empresa AluraGeek necesita llegar a más clientes y aumentar su nivel de ventas, por lo que quieren implementar un e-commerce, llevar a la empresa al siguiente nivel y volverse más digital.

Para ello están pidiendo nuestra ayuda como desarrolladores, el e-commerce debe contener los siguientes requisitos:

Una página de inicio que contiene un botón de inicio de sesión y un motor de búsqueda de productos ofrecidos por la empresa.
Un banner que contenga descuentos, promociones o informaciónes relevante del momento.
Una galería con información del producto, como imagen, nombre del producto, precio y un enlace a la página de descripción del producto.
Una página de producto que contiene la imagen, el nombre, la descripción y el precio.
Un pie de página con un formulario de contacto y otras informaciónes relevantes.
Un formulário de iniciar sesión para autenticar a los usuarios que quieran acceder al menu administrador.
Menú de administrador para que puedan agregar, editar, buscar o eliminar productos de la tienda.

Es muy importante que el sitio sea adaptable para que los clientes puedan comprar fácilmente a través de dispositivos móviles.

Otras caracteristicas:

En esta ocasión, se agarró el concepto principal de la plantilla propuesta por el equipo de Alura, a la vez que se dieron unos pocos toques personales para conservar el diseño responsive, para poder practicar y simular un ambiente de trabajo en el que se trata de imitar un modelo con colores, imagenes y medidas otorgadas.

Galería:

Ejemplo de Uso y Demostración de CRUD y autenticación de usuarios

ecommerceONE.mp4