{"title":"Smartphone shop","description":"Example of an e-commerce application created using node code representation.","keywords":"shop,smartphone,code,project,views,nodes"}

Example of Shop for smartphones

This example shows a simple e-commerce application for smartphones.
The application contains 3 views: "home-view", "product-view" and "cart-view".
In the "Home" view there are 2 product lists. The first view scrolls horizontally while the second view scrolls vertically.
Clicking on a product takes you to the "Product" view which contains information about the product and the option to place the product in the shopping cart.
By clicking on the cart icon, at the top right, you will access the "Cart" view which will list the products purchased with costs and totals.
The products are listed in a json file which is loaded at the start.

Panels - Changing the SVG properties

Representation of project nodes

In this project there are 2 pages: "shop-project" and "phone-simulator".
The first page is the actual project while the second contains the representation of a smartphone loading the "shop-project" project.

Panels - Changing the SVG properties

Links to the project

Show the project in the simulator
phone-simulator.html

Show the project in a browser page ( to see with smartphone )

Download the project - ( contains the project , the images and the json file of the products )