Skip to main content

Building An App with Cordova (Using SammyJS and a Custom PHP API), Part 8 - #35

Published: October 05, 2020 | DevDrawer

Estimated Reading Time
2 minutes
Video Duration
51:44 minutes

Become a Patreon to show support and get exclusive access to content:

In this last video of our Web App development series, we will be going over how to build a mobile app using Cordova. We will also install and use GenyMotion for our virtual Android device.

This video wraps up the development of our SammyJS web app and shows you how to build a mobile application using Cordova for Android. The same steps can be taken to build an iOS version as well. We will use NPM to install and utilize Cordova.

Please note in the video, I ran into an issue with the Android emulator being able to talk to the WAMP API, so I installed the API on a production server. You can see this API here:

From there, you can modify your code to use my sample API in order to finish this project, otherwise, you can push your API to your own production server and use your links in the place of the demo I setup.

0:00 Intro

01:06 Install GenyMotion

03:55 Setup A Virtual Android Device

08:04 Install Cordova

20:16 Setup Code for App Version

37:04 Pointing to a live API

43:24 Building Our App

47:40 Creating the Icons

Computer Hardware:

Windows 10 Pro: (Amazon)

Samsung 500GB External SSD: (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: (Amazon)

Rosewill Hive-750S R750W PSU: (Amazon)

Phanteks Eclipse Tempered Glass Case: (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: (Amazon)

AMD Ryzen 7 2700X Processor: (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: (Amazon)


Fujifilm X-T3: (Amazon)

Fujinon XF18-55mmF2.8-4: (Amazon)


Audio Technica AT2020: (Amazon)

Blue Snowball iCE: (Amazon)


I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.