Building the Adobe Stockpile App

The Stockpile App is a sample mobile app written by the Adobe PhoneGap team to help teach developers how to use PhoneGap to build highly performant, fully-featured mobile apps. The Stockpile app allows you to search for images from the Adobe Stock Photo Library, view details, download, add favorites and more. It was built using the latest web standards and is being provided to developers to use as a reference when creating their own mobile apps.

Stockpile App

This guide will walk through how to build Stockpile step by step with a series of lessons aimed to teach mobile app development with PhoneGap using a proven technology stack. The source code for each of the lessons is also provided in the Stockpile app repo in case you run into problems and need to reset your working version at any point.

Technology Stack

The Stockpile app was built using Framework7 with Vue.js bindings and the Adobe Stock API with the PhoneGap Split View Panel app template base.

NOTE: The goal of this guide is to take you through the process of building a full blown mobile app using PhoneGap with some popular tools and frameworks currently available. As such, it is more of an intermediate guide and will assume some knowledge by the developer. We highly recommend keeping the documentation for the other frameworks and tools used open while going through each lesson so you gain the most out of the learning process. There's a list of resources included at the bottom of the page you will find useful throughout this guide.


  • A code editor, Chrome browser, and connection to the Internet
  • Node.js 6.x+
  • PhoneGap CLI (npm install -g phonegap@latest)
TIP: Install the VueJS Devtools Chrome Extension to help debug your app in the Chrome browser.

Helpful Resources

next step…
Project Overview
Edit this page on GitHub