Ionic Angular Conference Application with Firebase Auth

This application is purely a kitchen-sink demo of the Ionic Framework and Angular.

There is not an actual Ionic Conference at this time. This project is just to show off Ionic components in a real-world application. Please go through the steps in CONTRIBUTING before submitting an issue.

Table of Contents

• Firebase
• Getting Started
• Contributing
• App Preview
• Deploying
  • Progressive Web App
  • Android
  • iOS

Firebase

Simple Firebase connection and authentication with a simple profile editor. It also has some user management with a couple of auth guards as examples.

You need to add a src/environments/environment.ts file like:

export const environment = {
  production: false,
  firebase: {
    apiKey: 'your api key',
    authDomain: 'your authDomain.firebaseapp.com',
    databaseURL: 'https://yourdatabaseURL.firebaseio.com',
    projectId: 'yourprojectid',
    storageBucket: 'yourstoragebucket.appspot.com',
    messagingSenderId: '99999999999'
    appId: '1:123456789098:web:abcdef123456789',
    measurementId: 'H-ABCD123HJKL',
  }
};

Getting Started

• Download the installer for Node LTS.
• Install the ionic CLI globally: npm install -g ionic
• Clone this repository: git clone https://github.com/ionic-team/ionic-conference-app.git.
• Run npm install from the project root.
• Run ionic serve in a terminal from the project root.
• Profit. 🎉

Note: See How to Prevent Permissions Errors if you are running into issues when trying to install packages globally.

Contributing

See CONTRIBUTING.md 🎉👍

App Preview

Menu

Material Design	iOS

Schedule Page

Material Design	iOS

Speakers Page

Material Design	iOS

Speaker Detail Page

Material Design	iOS

About Page

Material Design	iOS

Deploying

Progressive Web App

1. Un-comment these lines
2. Run npm run ionic:build --prod
3. Push the www folder to your hosting service

Android

1. Run ionic cordova run android --prod

iOS

1. Run ionic cordova run ios --prod