Code Monkey home page Code Monkey logo

flying-disc's Introduction

GDG DevFest KC 2015 App

The flying-disc project is a template for a dynamic Android/iOS app for a chapter's GDG DevFest. It pulls data from the Google+ API and utilizes Firebase, Ionic Framework, and Cordova.

Setting up the DevFest App

  1. Ensure you have Ionic installed (and are using the latest version)

  2. Create a Firebase account, create a new app, and setup Firebase auth for the social logins

    • Google+
    • Facebook
    • Twitter
    • GitHub
  3. Create Google Cloud project for API key

    • Can use the same project created when setting up Google+ login in step 2
  4. Create a new Ionic project

    ionic start devfest sidemenu
  5. Replace the /www folder with the /www folder from this project.

  6. Update GDG branding and Firebase project ID

    • Update GDG branding in /js/config.js

    • Update Firebase project ID in /js/app.js

  7. Add required plugins:

    • Add the InAppBrowser plugin (needed for Facebook OAuth on device)

      cordova plugin add cordova-plugin-inappbrowser
    • Add the dialogs plugin (for native style alert dialogs)

      cordova plugin add cordova-plugin-dialogs
    • Add the status bar plugin (to fix iOS status bar & app header issue)

      cordova plugin add cordova-plugin-statusbar
    • Add the toast plugin (for native style toast notifications)

      ionic plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin
    • Add the social sharing plugin (for device's native sharing options)

      ionic plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin/
    • Add the calendar plugin (for device's native calendar access)

      ionic plugin add https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git
    • Add the Ionic User service

      ionic add ionic-platform-web-client
      ionic io init
    • Add the Ionic Analytics service (only if not including User service above)

      ionic add ionic-platform-web-client
      ionic io init
    • Add the Ionic Analytics service

      ionic add ionic-platform-web-client
      ionic plugin add phonegap-plugin-push
      ionic io init
  8. Add desired platforms (NOTE: you can only add ios if on a Mac)

    ionic platform add ios
    ionic platform add android
  9. Test in an emulator (NOTE: you can only emulate ios if on a Mac)

    sudo npm install -g ios-sim
    cordova emulate ios
    cordova emulate android
  10. Run on desired platform (NOTE: you can only run ios if on a Mac)

    ionic build ios
    ionic run ios
    
    ionic build android
    ionic run android

flying-disc's People

Contributors

cjwhitsitt avatar gdg-kc avatar neojato avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.