edanweis / app-framework

iOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source!

App Framework      

iOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source!

Features

The power is under the hood - but for sure, we have a Demo App.

Features - Setup

• Creation of a lightweight and well-organized project folder, prepared to push to GitHub
• Demo App to use as base for your own application with typical use cases

Features - Design

• Printable template to design your application with paper and pencil
• Template for your icon design - as PDF for sketching and PPTX for drawing

Features - Development

• Realize beautiful user interfaces with all well-known components and transitions, based on Framework7
• Use comprehensive icon fonts like FontAwesome, Framework7, Ion and Material Icons
• Make your user interface state-based and reactive with the power and simplicity of Vue.js
• Easy to maintain single page components and time-saving UI components
• One code base for all devices with HTML, CSS and JavaScript - realized with Cordova, supporting ES2015
• Well prepared to use Firebase authentication, realtime database and storage services
• State kept for history, tabs, scroll positions, focus, panels, modals, form inputs and page component data
• Offline capability, flexible routing and multi-language support out of the box

Features - Testing

• Integrated code checks for correctness and standard conformity
• Development server with live reload, perfectly to use together with Chrome DevTools
• Test your application on your own phone or any iOS or Android device with a simulator

Features - Building

• Build process with version bump and compression of all HTML, CSS, JavaScript and image files
• Generation of favicons, touch icons and splash screens out of a single image file
• Phone frame around your application on big screens, so you can offer desktop access with charm
• Automatic build as web application, to be used online and offline in the browser
• Automatic Apple Xcode project build with Cordova
• Automatic Android Studio project build with Cordova

Features - Deployment

• Deployment without downtime
  • To your own server or web space as Web App
  • To the Firebase Hosting service as Web App
  • To the Apple App Store as native iOS App
  • To the Google Play Store as native Android App
• Easy rollback solution

Features - Backup

• Download your Firebase database content to a local JSON file
• Create a ZIP file with all important project files to backup on any external drive or cloud service

Quick start

A Tutorial for the complete workflow is coming soon!

1. Install Node.js with npm
2. Download package.json file to an empty folder (keep extension .json!)
3. Run npm install to setup project folder
4. Run npm run dev to start the Demo App at localhost:8080
5. Read our Documentation

Milestones

Upcoming:

• v1.3 - Robustness improvements
• v1.4 - Tutorial: ToDo App
• v1.5 - Extensions
• v2.0 - GUI helper tool

Closed:

• v1.2 - Google Play Store deployment (2017-02-12)
• v1.1 - Apple App Store deployment (2017-02-10)
• v1.0 - Initial Release (2017-02-05)