Code

Local Business Ionic - Full Application

Local Business Ionic - Full Application

Local Business Ionic - Full Application - CodeCanyon Item for Sale
What’s new in version 1.11:
Slide menu of mobile app remains open on wide screens
What’s new in version 1.10:
Migration to the Ionic Cloud Push Client
What’s new in version 1.9:
Firebase data provider added

Local Business Ionic is the bootstrap you need in order to build your next extremely modular Ionic application for any kind of BUSINESS and LOCAL STORE. It is a well structured, well organised and implemented, full working generic app that comes with all the features that are necessary for every business needs a modern all in one application. Best practices, proven techniques and experienced software architecture are packed with a well crafted design.

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 “Get Directions” which launches device’s Google Maps application. Other examples are “Calls us” and “Send us an email” features.

News

Display news and announcements about the business by using a remote JSON structure or your already existing Wordpress and/or Drupal site. Everything you will need for that is already building and no additional code is required.

Products

Expose the products of your business in your clients and potential clients mobile devices. Products are organised in lists where a title a thumbnail and the price are mentioned. A detailed pages provides additional information for each product including a slideshow of images and an “Buy now” link. The link points to the actual web site where the user could find more information about the particular product and proceed with the purchase.

Services

Give information about the services your business is providing. Services are organised in lists of cards where a title and a thumbnail are mentioned. A detailed page provides additional information for each service including a slideshow of images and an “Read more” link. The link points to the actual web site where the user could find more information about the particular service.

Catalogs

PDF and Online Catalogs is a crucial part of the information every business needs to expose to existing and potential clients. Promote your products and see your sales rising! Online Catalogs and PDF will give the chance to the international buyers to be effectively and inexpensively informed of your products, services or even instruction manuals and other support documents. And all of that, it is ready to be used in one step.

Open hours

Make your clients instantly aware about the “Open Hours” and if the business is open at the particular time the user opens the application.

Set the Open Hours in a configuration file and let the code of “Local Business Ionic” to take care of the rest. The solutions that is already implemented 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 detailed list of the all the open hours is also automatically created and is available in the “Contact Us” screen.

Your are just 300m away, visit us…

Motivate even more your clients to visit you by making it easier for them to find you. They will be able to know any time if they are close to your business and drop by for a visit. Perhaps, they are closer to you than they thought!

Contact us

Provide to your clients an one-click-away action to drop you a call or stay in contact with your business. Let them contact you by four different options, e.g. email, address, phone number and Facebook profile, practically without the need to interfere with any programming.

Set your phone number, your email address, your location and your facebook page in the configuration file and you are all ready! The code that is coming with “Local Business Ionic” will take care of the rest and will make available to the users 4 buttons:
  • 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
  • Find us / 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
  • Visit us on Facebook: Help your clients meet you on Facebook and love your business! Why should they search for you when they can see your profile/page with one click?

Map

Give your clients everything they need to find you by defining one or more locations of your business or store(s). Everything is so easy to be set in the blink of an eye! You only need to set the location(s) once and the application does all the work for you and presents it on the map.

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 remote JSON files

There is also the option to configure the app to fetch data from remote sources (e.g. Amazon S3) where data are stored in JSON files. The News, Products and Services and Catalogs listing screens are fetching data from online sources by using the JSON protocol. The source URLs for these listings are set in the application’s configuration file. Images, Galleries, texts and whole entries can be updated by adjusting the remote sources. Also, Catalogs’ JSON model allows you to display more details of a catalog either by setting a url or by setting a pdf. Nevertheless, rebuilding and re-distributing the application are not required for constant updates. The same applies for the pins in the live map too. The users are able to add and configure the pin points just by adjusting the remote source.

Articles and products listing

Four different content types are used and demonstrated in Local Business Ionic. The application provides the ability of forming Articles by adding a unique photo in any of them. Products, Services and Catalogs are similar to Articles but are supporting an unlimited number of accompanying images. An Image Slider is created by using them. Also, Catalogs JSON gives the option to the User to view a Catalog’s details either online or in a pdf file.

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.

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.

Modularity / Configuration

Local Business Ionic’s extremely modular architecture is going to eliminate any unnecessary complexity. Its code is clean and well-organised into modules to make configuration even easier. A configuration file is responsible for each feature of the application such as: The News The Products The Services The Catalogs The URLs for the remote data Therefore, the configuration of all of the features is done through the services by which they are accompanied.

http://www.screencast.com/t/uZZj1F9Mqp

Ionic design

Local Business 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.

Multilingual support

Are you interesting in having multiple languages packed with this application? Check our I18N Ionic Application and learn how you can make it happen.

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.11 - Oct 27, 2016
- Slide menu remains open on wide screens

1.10 - Sep 29, 2016
- Migration to the Ionic Cloud Push Client

1.9 - August 12, 2016
- New feature: Firebase data provider added

1.8 - 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.7 - February 10, 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.6 - December 22, 2015
- Fix on ConnectionType always returning Connection.UNKNOWN (Android)
- Ionic update to v1.1.1
- Cordova CLI update to v5.4.1
- Ionic CLI update to v1.7.12
- ngCordova update to v0.1.23-alpha
- Support of android versions back to 4.0
- Plugins update
- Copy of package file to be used as a replacement when needed
- Improved installation process for Win/Linux/MacOS
- README.md update with improved instructions on how to install, run, build the app.

1.5 - November 5, 2015
- Internet Connectivity check. Notifies user when internet connection problem occurs on fetching remote data.
- README.md update with improved instructions on how to install, run, build the app.

1.4 October 18, 2015
- Fix minor issue related to bouncing view
- Update Ionic CLI to v1.7.6

1.3 October 11, 2015
- Update Ionic to v1.1.0
- Update Cordova CLI to v5.3.3
- Update Ionic CLI to v1.6.5
- Add dependency to Transport Security plugin which enables HTTP requests for iOS9 and above

1.2 August 28, 2015
- Update ngCordova v0.1.18-alpha
- Add ng-cordova-oauth v0.1.3 dependency
- Update ionic cli to v1.6.4

1.1 - July 31, 2015
- Icons added in the sidebar menu
- Reference to 1.0.0 version of "grunt-concurrent" made more strict. This resolves build issues related to ionic and 1.0.1 version of the grunt module.
- Cordova white list plugin added. This fixes network issues reported for android devices
- Ionic, Ionic CLI and Cordova references have been updated to their latest versions
by
by
by
by
by
by