https://github.com/nghilevi/hybrid-product-showcase-app

Product Info with social network feeds feature. A great HTML5 mobile app for branding your products.
https://github.com/nghilevi/hybrid-product-showcase-app

cordova jquerymobile phonegap

Last synced: 4 days ago
JSON representation

Product Info with social network feeds feature. A great HTML5 mobile app for branding your products.

• Host: GitHub
• URL: https://github.com/nghilevi/hybrid-product-showcase-app
• Owner: nghilevi
• Created: 2014-07-15T12:38:49.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2021-12-31T16:23:11.000Z (about 3 years ago)
• Last Synced: 2023-03-10T13:36:06.043Z (almost 2 years ago)
• Topics: cordova, jquerymobile, phonegap
• Language: JavaScript
• Homepage:
• Size: 3.29 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

## Introduction

An HTML5 app suitable for restaurants, foodstalls, bars, beverage sellers etc to showcase their products and get customer followed them in social network.

The app is conducted based on jQuery Mobile Essential Training with Joe Marini's instruction.

## Screenshots

![](https://raw.githubusercontent.com/vinhnghi223/hybrid-product-showcase-app/master/attachments/screenshots/1.PNG)

![](https://raw.githubusercontent.com/vinhnghi223/hybrid-product-showcase-app/master/attachments/screenshots/2.PNG)

## Demo notes

APK File (Click on Raw to download): [Download](Updated later).

XAPP File (Click on Raw to download): [Download](Updated later).

## Development notes

### Technologies used

   *  Cordova

   *  Jssor Slider

   *  JQuery Mobile

   *  HTML5, CSS3, JavaScript, Jquery

### Future development

In development mode: total space required is around 5.2 - 6MB.

In production mode it is expected to be around 4MB

On Production mode, remember to reduce uneccessary image files, put everything into a single page to smoothen the transition between jquery mobile pages.

If change an images and they are rendered uncorectly (distored, or clipped off, or not responsive when the device changes orientation), then:

1/ Open the productsPage.js and modify the javascript options  object. There are already a lot of comments there to guide you through.

2/ Try to change to image dimension to the one that has been corectly rendered, in this example, bottles images.