cmoros / ecommerce_alura-challenge-one

Sprint 2 y 3 - Challenge ONE: Front End

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

1. Clone the repo

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

2. Install NPM packages

   npm install

3. Start the server

   npm start
   

4. 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

---

🔗Link a GitHub Page del proyecto