CodeCanyon

Business Directory Ionic - Full Application with Firebase backend

Business Directory Ionic - Full Application with Firebase backend

What’s new in version 1.15:
Wordpress and Drupal URLs are brought from JSON sources. Fixed plugin IDs. Support for Ionic CLI 3.x
What’s new in version 1.14:
Selection of km or miles as distance measurement unit
What’s new in version 1.13:
Fix of the business distance from the user

Business Directory Ionic is a complete store/business listing solution that consists of a mobile application and a powerful content backend with data updates.
Users can easily browse through businesses and stores using various filters such as category, name or distance.
Store and Business owners can display and promote their products, services, news, contact information and more.
Best practices, proven techniques and experienced software architecture are packed with a well-crafted design.

In a nutshell

The ultimate tool to build a mobile app which lists businesses with their products and services. Minimal setup effort, no code required.

Why choose Business Directory Ionic

  • No code knowledge or tech development required
  • Clean and user-friendly interface
  • Highly customizable structure, with modular architecture
  • Comes with carefully curated color themes
  • 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: Square default, Square dark, Awesome, Ocean, Material indigo, Material blue, Material red, Material pink, Material purple, Material dark purple. Just pick the one that suits your brand and activate it with a single modification of the related file.

Business Finder

Intuitive finder with several search filters such as category, name or distance (measured from your location).

Users can use one or all the available filters at once to find exactly what suits them best.

Integration with Firebase for Backend management

The Business Directory Ionic app provides you 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.

Review-Rate

Users can read reviews and ratings about the businesses/stores to help them make informed decisions. Also, they can submit their own review-rating and make it visible to the other users of the app.

Favorites Screen

Users can add businesses or stores to their favorites and gather them in a single place for quick access.

Map Screen

Map screen displays all businesses as map pins. Users can easily access a store profile just by tapping a pin.

Comprehensive Business Presentation

Business Directory Ionic effectively displays all the necessary information for each listed business using relevant screens while engages the user with one tap actions.

In detail:

1. News Screen

Displays business news and announcements. Data can be fetched by using a remote JSON structure or from your already existing Wordpress and/or Drupal site. Everything you need for that is already built and no additional code is required.

2. Products Screen

The products screen displays products organized in lists with a title, a thumbnail and price. A detailed screen provides additional information for each product including a slideshow of images and a “Buy now” link. The link points to the actual web site where the user could find more information about a particular product and proceed with the purchase.

3. Services Screen

The services screen displays services in lists of cards with a title and thumbnail. A detailed screen provides additional information for each service including a slideshow of images and a “Read more” link. The link points to the actual web site where the user could find more information about the particular service.

4. Catalogs Screen

Display a list of pdf where users can access documents with informative or product-based content.

5. Contact screen

This screen displays business or store information. It also enables users to interact with app making one tap phone call, get direction or connect with social networks.

6. One tap actions:

  • Call us: It will make the device to start a call to the phone number you have defined
  • Send us an Email: Mailer will open with your business’s email already set so as the user won’t need to type it
  • Map / Get directions: The map application which is already installed on the device will be launched to show your exact location on the map and the User will be able to get directions to reach your business.(Note: You can set more than one locations in the configuration file)
  • Visit us on Facebook: Users will be able to see business’s social profile with just one click

7. Open hours

Let users know if a business is open at the particular time they open the application. The app gets the current time from the device, takes into account the time zone of the business and the device and displays a friendly message to the users. A list of the open hours is also displayed in the “Contact Us” screen.

Push Notification

A full working Push notification example is integrated into the application. It comes also with detailed instructions on how to configure everything in your end and have your application ready to send and receive Push Notifications.

Data Sources

Firebase data storage

The app’s data is stored in Firebase as JSON object and any data changes are synchronized in real time 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 Business Directory 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.
The News, Products and Services and Catalogs listing windows for each business are fetching data from online sources by using JSON structures too. Images, texts and whole entries can be updated by adjusting the remote sources without the need to rebuild and redistribute the application. All the content of the application can be updated just by adjusting the remote sources.

Easy Configuration / Modular Architecture

Menu categories and items can be adjusted by just updating their JSON files. They only need to be placed in the related folder and everything else is set up and ready to be used.
Besides, Restaurant Ionic’s modular architecture is going to eliminate any unnecessary complexity for the configuration of the rest features too. Its code is clean and well-organised into modules to make configuration even easier.
You could review this super-modular architecture by checking our SuperModular Ionic starter, which is provided for free. https://github.com/skounis/supermodular

Yeoman Ionic Framework Generator powered

Yeoman Ionic Framework Generator combines the best practices and features for scaffolding a hybrid application. It makes building of a mobile app easy and quickly since Yeoman is integrated with Ionic Framework and Cordova plugin. Also, the included Grunt build system optimizes and automates some important tasks of your workflow.

Ionic design

Business Directory 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 customised 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.15 - Aug 02, 2017
- Wordpress and Drupal URLs are brought from businesses JSON source
- Fixed deprecated plugin IDs
- Support for Ionic CLI 3.x - Required Plugins added

1.14 - Apr 13, 2017
- Selection of km or miles as measurement unit

1.13 - Nov 07, 2016
- Fix of business distance from user when it is closer than 1km

1.12 - Oct 21, 2016
- Slide menu remains open on tablets and wide screens

1.11 - Sep 16, 2016
- Migration to Ionic Cloud Client Push

1.10 - July 29, 2016
- Upgrade to Firebase 3.x

1.9 - June 15, 2016
- Fix of business details and contact us screens failure in case that open hours are not defined
- Fix of typo of products collection name

1.8 - May 26, 2016
- Addition of a full working Push notification example

1.7 - May 16, 2016
- Improved data structure, changed "categories" structure for Firebase data.

1.6 - May 05, 2016
- Ionic update to v1.3.0
- Fix on showing a pin and setting the destination on Android's maps app
- Fix of the ionic keyboard plugin id

1.5 - March 24, 2016
- New feature: Users ratings

1.4 - March 18, 2016
- New feature: Users read and write reviews

1.3 - March 10, 2016
- Addition of ten new color themes

1.2 - March 03, 2016
- Connection with Firebase as a backend. Additional option to use Firebase as a data provider.
- Fix of "Add to favorites" button
- SASS support added
- Improvement of the time the loading indicator stays active

1.1 - February 09, 2016
- Ionic update to v1.2.4 as Ionic 1.2 uses native scrolling by default.
- Ionic CLI update to v1.7.13
- Addition of task in Gruntfile to minify and obfuscate CSS, HTML and Javascript files

1.0 - January 29, 2016
- Initial Release
by
by
by
by
by
by