Code Monkey home page Code Monkey logo

toridoriv / nerd Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 1.0 5.28 MB

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.

Home Page: https://noctapod.github.io/nerd

License: Other

HTML 2.58% JavaScript 90.88% CSS 6.54%
sammyjs single-page-app javascript jquery routing

nerd's Introduction

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/

nerd's People

Contributors

helvette avatar

Forkers

helvette

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.