Jewel

• Curso: Creando una Single Page App (SPA).
• Integrante: Claudia Fabiola Trujillo Blanco.

Desarrollado para Laboratoria

Se desarrolló una app web e-commerce, con la característica de una SPA (Single Page Application).

Los conceptos básicos a utilizar fueron:

1. Uso de templates.
2. Routing (URLs).
3. DOM & Event Handling.
4. Patrón de arquitectura de software (MV*).

Se usaron las siguientes tecnologías:

• HTML5.
• CSS.
• jQuery.
• Framework de CSS: Bootstrap.
• Responsive Web Design.
• Consumo API Mercado Libre.

DESCRIPCIÓN

Jewel es un e.comerce que ofrece al usuario joyeria de mujer como aretes, collares y brazaletes. La SAP está diseñada para su visualización en todos los dispositivos móviles, tablets y laptops.

Instrucciones de compra:

1. La página de inicio mostrará todos los artículos disponibles al momento del ingreso.

2. Se podrá encontrar una descripción breve del nombre del artículo y precio.

3. El usuario podrá agregar al carrito de compras, o tiene la opción de 'ver más' información y fotos al hacer click en el botón 'more'.

4. Una vez que se hace click en 'more', se redireccionará a la descripción del artículo. Pudiendo regresar a la página principal o agregar al carrito de compras.

5. Una vez agregados todo los artículos deseados, en la parte superior se tendrá que hacer click al icono del carrito 'shopping' y se abrirá la lista de artículos seleccionados.

6. En la lista de artículos se corroborará si todos los artículos agregados se desean comprar por medio de PayPal o se podrán eliminar con el boton 'Delete'.

NOTA: Para realizar la compra se necesita una cuenta de payPal.

NOTA: Se verá reflejado el total de la cuenta antes de pagar. Una vez agregados al carrito de compras, los artículos se guardarán aunque se cierre la página.

DEMO

Esta vista te ayudará a saber como navegar dentro de la aplicación.