Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Agregando trabajo grupo Paulina Baeza, Camila Cornejos, María Paz Thompson y Sabrina Villalobos #9

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions .eslintrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
{
"parserOptions": {
"ecmaVersion": 6
},
"rules": {
"keyword-spacing": 1,
"space-before-function-paren": [1, "never"],
"eqeqeq": 1,
"space-infix-ops": 1,
"comma-spacing": 1,
"brace-style": 1,
"no-multiple-empty-lines": 1,
"camelcase": 1,
"func-call-spacing": 1,
"key-spacing": 1,
"semi": 1,
"no-floating-decimal": 1,
"no-multi-spaces": 1,
"object-property-newline": 1,
"padded-blocks": [1, "never"],
"space-before-blocks": 1,
"space-in-parens": 1,
"spaced-comment": 1,
"quotes": [1, "single"],
"id-length": [1, { "exceptions": ["i", "j", "x"] }],
"indent": [1, 2],
"no-array-constructor": 1
}
}
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.DS_STORE
node_modules/
Thumbs.db
36 changes: 19 additions & 17 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,27 @@
# E-commerce
# D'papel

* **Track:** _Especialización Front-end_
* **Curso:** _CONSTRUYE UNA SINGLE PAGE APP (SPA) MULTI-USUARIO CONSUMIENDO DATA REMOTA_
* **Unidad:** _Producto final_
### Descripción

***
Es una Single Page Application de venta de productos de papelería desarrollada con el framework Sammy.js, la API de Stripe y un archivo json con el listado de productos.

## Flujo de trabajo
Se utilizaron dos templates que corresponden a las siguientes vistas de la página:

1. Debes realizar un [**fork**](https://gist.github.com/ivandevp/1de47ae69a5e139a6622d78c882e1f74)
de este repositorio.
### Previsualización

2. Luego deberás **clonar** tu fork en tu máquina. Recuerda que el comando a usar
es `git clone` y su estructura normalmente se ve así:
* Vista Principal
![img](https://image.ibb.co/nCUMtH/vista_principal.png)

```bash
git clone https://github.com/<nombre-de-usuario>/freelancer.git
```
* Detalle de Producto
![img](https://image.ibb.co/dNPnYH/detalle.png)

3. Cuando hayas terminado tu producto, envía un Pull Request a este repositorio
(puedes solicitar apoyo de tus profes para este paso).
* Carrito de Compras con Log in
![img](https://image.ibb.co/eoYEDH/login_carrito.png)

> Nota: No olvides que es una buena práctica describir tu proyecto en este
> archivo `README.md` y también desplegar tu web a Github Pages :smiley:.
* Modal de botón de compra
![img](https://image.ibb.co/btFmtH/screencapture_localhost_8080_1519733006154.png)

##### Proyecto realizado por:
- Maria Paz Thompson
- Paulina Baeza
- Sabrina Villalobos
- Camila Cornejos
1 change: 1 addition & 0 deletions assets/js/payment.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
$(".pay").append("")
9 changes: 9 additions & 0 deletions assets/js/validate.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

202 changes: 202 additions & 0 deletions data/data.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
[
{
"title": "Cuaderno Anillado Globo Aerostático",
"image": "https://image.ibb.co/kCfvYH/1_200.png",
"large_image": "https://image.ibb.co/ekKNDH/1_500.png",
"price": 8990,
"description": "Déjate inspirar por este increíble cuaderno de Peter Pauper Press. Incluye 160 páginas levemente rayadas para escribir reflexiones personales, realizar sketches o simplemente anotar frases. Las hojas cuentan con calidad de archivo libre de ácidos que destaca la escritura. Se trata de un cuaderno práctico, duradero y personalizable. Cuenta con cubiertas que sirven de pizarrón, banda elástica para marcar páginas o mantenerlo cerrado y encuadernación chata con espiral. Medidas: 20.95 x 15.87 x 1.47 cm.",
"category": "notebooks",
"code": "PPA-2135",
"stock": "5"
},
{
"title": "Cuaderno My unicorn ate my homework",
"image": "https://image.ibb.co/mLjB7c/2_200.png",
"large_image":"https://image.ibb.co/dtPYLx/2_500.png",
"price": 3500,
"description": "Haz tus investigaciones en este maravilloso cuaderno. Incluye 100 páginas de composición, para que puedas escribir lo que quieras. ¡Llévalo a todas partes!. Medidas: 20 x 15.6 x 1.2 cm.",
"category": "notebooks",
"code": "GYA-3476",
"stock": "10"
},
{
"title": "Cuadernos American Crafts Memory Planner",
"image": "https://image.ibb.co/eWGutH/3_200.png",
"large_image": "https://image.ibb.co/hAHZtH/3_500.png",
"price": 3500,
"description": "Mini cuadernos para anotar recordatorios, fechas importantes y todo tipo de notas. Forman parte de la nueva colección de American Crafts Memory Planner. El kit incluye dos cuadernos de 9 x 10 cm.",
"category": "notebooks",
"code": "AMC-3039",
"stock": "10"
},
{
"title": "Cuaderno Cute, but psycho.",
"image": "https://image.ibb.co/hPeQ0x/4_200.png",
"large_image": "https://image.ibb.co/iixpSc/4_500.png",
"price": 3000,
"description": "Este cuaderno se caracteriza por su buen diseño y facilidad de transportar, ya que tiene un tamaño adecuado para cartera o mochila. Medidas: 18 x 10 x 1 cm.",
"category": "notebooks",
"code": "CUB-1274",
"stock": "6"
},
{
"title": "Block Chico The Fun Stuff",
"image": "https://image.ibb.co/fN43nc/5_200.png",
"large_image": "https://image.ibb.co/eQy7DH/5_500.png",
"price": 3290,
"description": "Un block imprescindible para llevar contigo a donde vayas gracias a su formato bolsillo. Podrás anotar ideas y listas de último momento. Cuenta con 75 páginas a todo color, cierre magnético, increíble diseño de Graphique de France y detalles en color oro. Medidas: 7.62 x 10 cm.",
"category": "notebooks",
"code": "GFR-1262",
"stock": "2"
},
{
"title": "Libreta diseño por Mauro Gómez",
"image": "https://image.ibb.co/i0U8Lx/6_200.png",
"large_image":"https://image.ibb.co/bPxTLx/6_500.png",
"price": 5900,
"description": "Libreta diseñada por Mauro Gómez, con una encuadernación rústica con un lomo forrado, este cuaderno es práctico para anotar todo tipo de cosas. Medidas: 18 x 15 x 2 cm.",
"category": "notebooks",
"code": "DCA-1253",
"stock": "12"
},
{
"title": "Block Chico Magnético Fucsia Life Moves",
"image": "https://image.ibb.co/fUGzSc/7_200.png",
"large_image": "https://image.ibb.co/hvvtnc/7_500.png",
"price": 3990,
"description": "Un block formato cartera o bolsillo para escribir lo que quieras. Desde tus ideas y pensamientos hasta una lista de compras; sirve para todo. Block tamaño bolsillo cierre magnético, hojas croquis. Traído de USA. Medidas: 76 x 100 x 10 mm, 70 gr.",
"category": "notebooks",
"code": "GFR-7841",
"stock": "5"
},
{
"title": "Pack 3 Cuadernos Ilustrados",
"image": "https://image.ibb.co/jKgoLx/8_200.png",
"large_image": "https://image.ibb.co/e4sQYH/8_500.png",
"price": 7990,
"description": "3 Cuadernos ilustrados y cocidos a mano, por la ilustradora Nuria Díaz. Por el tamaño de estos cuadernos, son prácticos para llevarlos a todas partes, toma notas, haz listas, puedes hacer sketch y serán un gran aporte en tu vida diaria.",
"category": "notebooks",
"code": "AGD-9623",
"stock": "notebooks"
},
{
"title": "Libreta Fuchsia Blooms",
"image": "https://image.ibb.co/ktCg7c/9_200.png",
"large_image": "https://image.ibb.co/kt2QYH/9_500.png",
"price": 6990,
"description": "Espectacular libreta de la colección Peter Pauper Press. Incluye 160 páginas levemente rayadas, cierre elástico en color celeste, tapa dura con diseño de flores, bolsillo interior para guardar notas y detalles en folia plateada. Cuenta con papel con calidad archivo y certificación libre de ácidos. Medidas: 12.7 x 17.78 x 1.27 cm ",
"category": "notebooks",
"code": "PPA-5595",
"stock": "15"
},
{
"title": "Cuaderno Flamencos",
"image": "https://image.ibb.co/c8rr7c/10_200.png",
"large_image": "https://image.ibb.co/bTo4Sc/10_500.png",
"price": 3990,
"description": "Cuaderno con una encuadernación rústica, para que anotes lo que quieras. Medidas 18 x 15.6 x 1 cm.",
"category": "notebooks",
"code": "ADG-1346",
"stock": "19"
},
{
"title": "Perforadora con Bordes Intercambiables Rosa",
"image": "https://image.ibb.co/bVC3Lx/11_200.png",
"large_image": "https://image.ibb.co/cCs3Lx/11_500.png",
"price": 9990,
"description": "Perforadora con bordes intercambiables de la colección Knock Outs de American Crafts. Los cartuchos son muy fáciles de cambiar ya que simplemente se encajan a presión en la base de la perforadora. De esta forma tienes 6 bordes diferentes para decorar tus papeles. Este espectacular kit contiene una perforadora, seis bordes intercambiables, 12 guías con forma de ala y un práctico estuche para su guardado y traslado. Es un regalo perfecto para cualquier aficionada al scrap o las manualidades.",
"category": "scrapbook",
"code": "AMC-8217",
"stock": "10"
},
{
"title": "Set de Timbres",
"image": "https://image.ibb.co/ekWcVx/12_200.png",
"large_image": "https://image.ibb.co/feqhxc/12_500.png",
"price": 2990,
"description": "Set incluye: 6 timbres de madera con base de goma, perfectos para Scrapbooking. 30mm de diámetro",
"category": "scrapbook",
"code": "YBN-2027",
"stock": "5"
},
{
"title": "Set Hojas de Papel Gather",
"image": "https://image.ibb.co/fx3kHc/13_200.png",
"large_image":"https://image.ibb.co/mg6GOH/13_500.png",
"price": 13990,
"description": "¡La adición perfecta para todos tus proyectos de diseño! Estas hojas para scrapbook reversibles vienen con diferentes diseños. Puedes encontrarlas en diversas variedades. Set hojas cartulina gruesa opaca reversible impresa con diferente diseño por tiro y retiro. Libre de ácido. Traído de USA. 305 x 305 mm 305grs",
"category": "scrapbook",
"code": "AMC-3758",
"stock": "13"
},
{
"title": "Set de Stickers",
"image": "https://image.ibb.co/hEKLiH/14_200.png",
"large_image": "https://image.ibb.co/cek4Ax/14_500.png",
"price": 3990,
"description": "Set incluye: 5 hojas de stickers. Dimensiones: 150 x 210 mm",
"category": "scrapbook",
"code": "FDM-3212",
"stock": "15"
},
{
"title": "Washi Tape Diseños Dorados",
"image": "https://image.ibb.co/dsDPAx/15_200.png",
"large_image": "https://image.ibb.co/cmZaHc/15_500.png",
"price": 1490,
"description": "Cinta adhesiva decorativa. 7 metros cada una, ancho 8mm",
"category": "scrapbook",
"code": "UGN-0048",
"stock": "28"
},
{
"title": "Set de Clips",
"image": "https://image.ibb.co/fAGGOH/16_200.png",
"large_image": "https://image.ibb.co/hjikHc/16_500.png",
"price": 2990,
"description": "Set incluye: 4 clips de metal color cobre.",
"category": "scrapbook",
"code": "LJM-0014",
"stock": "17"
},
{
"title": "Washi Tape Diseños Simples",
"image": "https://image.ibb.co/m6q4Ax/17_200.png",
"large_image": "https://image.ibb.co/f8VFHc/17_500.png",
"price": 1200,
"description": "Washi tapes con diferentes diseños.",
"category": "scrapbook",
"code": "3212861000689",
"stock": "14"
},
{
"title": "Perforadora Punch WR Diseño Bracket",
"image": "https://image.ibb.co/jUOViH/18_200.png",
"large_image": "https://image.ibb.co/dHUgqx/18_500.png",
"price": 6990,
"description": "La perforadora Mini 8 Punch de We R Memory Keepers es perfecta para utilizar con papeles de 15 x 15 cm. Transforma tu papel en 8 sencillos pasos. Se trata de una perforada de corte exacto. Es ideal para trabajos de scrapbooking y para confeccionar tarjetas. Crea y decora esquinas en cualquier tamaño de papel.",
"category": "scrapbook",
"code": "AMC-71298-5",
"stock": "3"
},
{
"title": "Set de Agujas Stitch Happy para Scrapbooking",
"image": "https://image.ibb.co/jRnsVx/19_200.png",
"large_image":"https://image.ibb.co/k0VCVx/19_500.png",
"price": 6990,
"description": "Set de seis agujas especialmente diseñadas para confección en distintos medios para utilizar con la máquina de coser Stitch Happy. Contiene tres agujas grandes #18 y tres #21 para hilos más gruesos con revestimiento para evitar pérdida de filo.",
"category": "scrapbook",
"code": "AMC-660394",
"stock": "6"
},
{
"title": "Set Banner para Coser Stitch Happy",
"image": "https://image.ibb.co/gdw2Vx/20_200.png",
"large_image": "https://image.ibb.co/g5wQiH/20_500.png",
"price": 5990,
"description": "Un increíble kit diseñado por We R Memory Keepers para coser piezas únicas. Contiene 12 banners de papel, 12 círculos de papel decorativos, 4 frases para celebrar (celebrate, welcome, congrats y baby) 3 corazones y 3 círculos de fieltro. ",
"category": "scrapbook",
"code": "AMC-660316",
"stock": "23"
}
]
Binary file added favicon.ico
Binary file not shown.
Loading