Hybrid Apps Hybrid Mobile App Boilerplate

Published on May 31st, 2013 | by Rahat Khanna

1

Boilerplate App for Phonegap & jQuery Mobile – Extend & Create Awesome Hybrid Apps

We waste a lot of time in putting together small pieces of an app from scratch in the beginning of every project we do. In this world of Rapid Application development, we requirement some bootstrap templates. These are called boilerplate apps which contain the Basic Folder structure, Important Basic Resource Files and initial code.

I was trying to find a good Boilerplate App for jQuery Mobile & Cordova(Phonegap) but I was unable to reach a simple basic app composed of these two technologies. I have therefore created this project for everyone out there who needs to start creating Hybrid Mobile Apps and for me afcourse.

The boilerplate consists of :

  1. Basic Folder Structure to hold Javascript & CSS Files
  2. “Index.html” with basic layouts & 2 Initial Pages
  3. Login Page & Controls on the frontpage
  4. App.js File to contain Custom Javascript Code
  5. App.css File to contain Custom CSS File
  6. jQuery Mobile Resources (Minified JS + CSS)
  7. Phonegap Specific Code Enhancements done to the jQuery Mobile Initialization Code
  8. Build.Phonegap.com specific basic Config.xml file

The code for this boilerplate is available on github using the following link.

https://github.com/mappmechanic/phonegap-jqm-boilerplate

GitHub Logo

 

   How you can use the Boilerplate App :

  • Go to Github Repository for the Code
  • Download the code as a Zip File or Clone it into another repository on your Github account
  • Extract the code & deploy it on a Local Web Server like WAMP, XAMPP or Tomcat Apache etc.
  • Build your Custom Hybrid Mobile App using the existing Code Structure
  • Push it back to your own Git URL
  • Build Native Apps for iOS, Android, BB, Windows Phone

 

Note: If you do not have an account at build.phonegap.com, firstly sign up which should take couple of more minutes.

Screen Shot 2013-05-09 at 3.53.55 PM

 

Download & Test the Boilerplate App build on your Android Device from this link:

android-logo http://bit.ly/17F4XVi


About the Author

I am an avid blogger and a tech enthusiast who loves to explore the latest apps in Mobility space adding productivity and fun to everyone's life. Mobile has become an essential part of everyone's life and my aim is to make this experience more engaging and useful.



One Response to Boilerplate App for Phonegap & jQuery Mobile – Extend & Create Awesome Hybrid Apps

  1. John Paul says:

    Seriously, superb blog site structure! The best way very long have you been running a blog pertaining to? you’ve made running a blog glimpse quick. The total glance of the website is superb, let alone the content!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top ↑