Skip to content
/ nerd Public
forked from toridoriv/nerd

Nerd Bookstore es una simulación de una librería online, aquí puedes agregar y quitar productos al carrito de compra, llevar la cuenta del total, y además ¡tu compra no se elimina si cierras la página! Fue desarrollada como una Single Page Application (SPA) usando la librería Sammy.js.

License

Notifications You must be signed in to change notification settings

Helvette/nerd

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nerd Bookstore

Desarrollado para Laboratoria, Nerd Bookstore es el demo de una tienda online de venta de libros, cómics y mangas, cuyo sitio web es una Single Page Application (SPA).

Desarrollo

Para crear Nerd Bookstore partimos por utilizar un web scraper hecho por nosotras para recopilar los datos desde Book Depository (puedes verlo aquí).

Nuestro proyecto cuenta con cuatro vistas diferentes y para desarrollarlas utilizamos la librería Sammy JS y su plugin para el uso de templates.

Para almacenar la información de compra utilizamos Local Storage a través de un plugin del mencionado Sammy.

Templates

  • La vista inicial corresponde a todos los items disponibles: All Items View
  • Al hacer click en un producto se pueden ver más detalles sobre el mismo y además se entrega la opción de comprarlo en Book Depository: Item Detail View
  • El carro de compras es otra vista. En él se pueden encontrar todos los productos que han sido agregados, con su título correspondiente, la cantidad y el precio total. Cart View
  • Para las búsquedas desarrollamos otro template, similar a la vista inicial, con la diferencia de que sólo muestra los items que se corresponden con la búsqueda: Search View

Desarrolladoras

  • Leticia Ferreira /helvette/
  • Victoria Tori Rodríguez /malditoprotozoo/

About

Nerd Bookstore es una simulación de una librería online, aquí puedes agregar y quitar productos al carrito de compra, llevar la cuenta del total, y además ¡tu compra no se elimina si cierras la página! Fue desarrollada como una Single Page Application (SPA) usando la librería Sammy.js.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.9%
  • CSS 6.5%
  • HTML 2.6%