Kitchensink/Boilerplate for Cordova-PhoneGap-Babel-React-Hotloader-Webpack-Framework7-Firestore-FontAwesome

Template for ready-to-use hybrid mobile apps with native look.

Preview

Android	iOS

Tools

• NodeJS - see all of below
• Apache Cordova - to compile to iOS and Android Apps
• Adobe PhoneGap - some juicy Cordova tools
• React - DOM ninja
• React Hotloading - No more F5
• Babel - for sexy JS
• Firestore - store files and data
• Webpack - Pack it up
• ESlint - only pretty code
• Framework7 - CSS framework native iOS/Android
• FontAwesome - good old icons

Start application

Setup Firestore configuration in /src/config/firebase.config.js

Initialize project in folder my-app:

git clone git@github.com:vonubisch/Cordova-PhoneGap-Babel-React-Hotloader-Webpack-Framework7-Firestore-FontAwesome.git my-app

Install dependencies:

npm install

Compile and start server:

npm run start

Open browser at:

http://localhost:8080

Build app for production

Add Cordova platforms:

cordova platform add android
cordova platform add ios
cordova platform add browser

Build app:

npm run build [ -- ios || android]
npm run prepare -- ios
npm run prepare -- android

Now your config.xml switches file to production mode. It will build the app bundle to www using Webpack and run cordova build for you.

Start PhoneGap server: phonegap serve

Now you can use the PhoneGap Developer App or browser to view your app. Use PhoneGap Build CLI or Cloud tools to build for production.

Repo's used

• framework7-react-app-template
• phonegap-template-react-hot-loader