Code

Conference Ionic - Full Application with Firebase backend

Conference Ionic - Full Application with Firebase backend

What’s new in version 1.3:
Device is registered on the app load to receive push notifications. This feature uses Ionic Push service.
What’s new in version 1.2:
Template improvement to match better with the color themes
What’s new in version 1.1:
New Color themes added

Conference Ionic is a mobile app that provides all the information related to a conference aiming to enhance the attendee experience and boost the conference marketing.

Conference Ionic allows user to view schedules and conference information such as location, exhibition halls, sponsors, committees etc. Users can create their personal agenda for an easier attendance and access speaker profile and event information. This app is a must-have for attendees and those who want to search through the list of papers, stay informed about everything related to a conference and have contact with organizers and other attendees.

This app makes use of Firebase as a powerful backend that enables consistent data updates.

Best practices, proven techniques, and experienced software architecture are packed with a well-crafted design.

What is it

Conference Ionic features scientific and social programmes, news, contact, paper and speaker information about a conference. It requires minimal setup enabling even non-developers to make use of it.

In a nutshell

The ultimate tool to provide mobile access to complete information about a conference. Minimal setup effort, no code required.

Why choose Conference Ionic

  • No code knowledge or tech development required
  • Clean and user-friendly interface
  • Highly customizable structure, with modular architecture
  • Easy installation, detailed quick start guide
  • Easily maintainable data, via the Firebase Graphical User Interface
  • Free updates: new features added constantly
  • One codebase compatible with Android and iOS
  • Quick and efficient Support

Feature request

Help us improve this app in a way that absolutely makes sense. Suggest the next feature you would like to see implemented. We are taking suggestions very seriously.

Demo

Android .APK

Preview on iOS and Android – Ionic View

Note: Some features are not fully functional for preview on Ionic View. Especially, those that need to launch another application of the device such as “Find us” which launches device’s Google Maps application.

Features:

Plenty of Color combinations – Themes



Tens of carefully selected, awesome color schemes to choose from. Just pick the one that suits your brand and activate it with a single modification of the related file.

Schedule

Users stay informed of the full conference schedule organised in dates and sessions. The schedule can be filtered by the event title.

Users can view the details of an event and add it to their favorites to create their own personal schedule.

Abstracts

A list of abstracts is presented. Users are able to apply abstract type and date filters or search an abstract by its title.

They can also view its details, such as its authors and presentation duration, add it to their favorites or download a PDF if available.

Events

The conference events are listed with a search bar available for filtering them by their names.

More details of an event are displayed on a separate screen including its description and location on the map. An event can be added to the user’s favorites too.

Committees

Information about the conference organisation such as the scientific and organising committees are exposed.

Searching by a name provides easy access to a member’s profile, biography and contact info.

Sponsors

The support of the conference sponsors is acknowledged by listing them in the app and providing information such as their logo, description, contact options and social profiles.

Speakers

All speakers are collected in a screen. Users are able to find their profile data and social accounts.

Map

Map screen displays the conference venue and all useful places, hotels etc. around it as map pins.

About

The About screen presents general information about the conference from its start-end dates and description to contact email and location. One tap actions for opening the device mailer with a pre-defined email already set and launching the map application installed on the device with the exact location allow the users to contact the conference organisers and get directions with a single move.

Signup/Login

Users can create an account or login through Firebase authentication. Once they login, they navigate to their profile page and stay logged in until they hit the “Logout” menu option.

Integration with Firebase for Backend management

The Conference Ionic app comes with a powerful, flexible solution for backend management, by integrating with Firebase. Firebase is a powerful platform for your mobile or web application, through which you can power your app’s backend, including data storage, user authentication, static hosting, and more.

The Conference app reads data from a Firebase database and makes it readily available to all of the app users. As soon as your Firebase project URL is set, the app treats the content dynamically. The integration with Firebase offers easy data synchronization and data maintenance.

Data Sources

Firebase data storage

The app’s data is stored in Firebase as a JSON object and any data changes are synchronized with the app. You can use the Firebase UI to either import data that you have already prepared or create/manage your data in a tree structure. In the documentation, a full example of a Firebase project is demonstrated showing the required data fields and structure.

Data storage in JSON files

There is also the option to configure this app to fetch data either from a local location or a remote one (e.g. Amazon S3) where data are stored in JSON files. Basically, a single JSON file is the one responsible for all the business related information. The source URL is set as a single variable in the application’s configuration file and no additional interference with the code is required.

Easy Configuration / Modular Architecture

Conference Ionic’s modular architecture is going to eliminate any unnecessary complexity for its configuration or modification/addition of its features. Its code is clean and well-organised into modules. You could review this super-modular architecture by checking our SuperModular Ionic starter, which is provided for free. https://github.com/skounis/supermodular

Ionic design

Conference Ionic is based on the UI elements that the Ionic Framework provides. Ionic Framework comes with a detailed and impressive CSS framework for layout styling. Furthermore, it handles header elements in a very similar way to existing libraries you may have used. Headers are available in many different default color options. Adding a footer element is as easy as adding a header. Moreover, Ionic comes with its own icon library built in which contains almost everything you should need. Use Ionic’s UI components and they will give you a fully customized and functional UI.

AppSeed

This is a product of AppSeed. Find out more by visiting our website http://appseed.io/ or contact us via our support center https://appseed.desk.com/customer/portal/emails/new.

Change log

1.3 - May 26, 2017
- Device is registered on the app load to receive push notifications

1.2 - March 22, 2017
- Template improvement to match better with the color themes

1.1 - March 22, 2017
- Color themes added

1.0 - January 13, 2017
- Initial Release
by
by
by
by
by
by