City Guide Ionic 5 – Full Application with Firebase backend

City Guide Ionic 5 – Full Application with Firebase backend

[ad_1]

To get this product on 50 p.c low cost contact me on this link

 

LIVE PREVIEWBUY FOR $18

What’s new in model r2:
Ionic 5.x model of the app accessible. Ionic 1.x, Ionic 4.x and Ionic 5.x variations are all included within the obtain file.

What’s new in model r1:
Ionic 4.x model of the app accessible. Ionic 1.x and Ionic 4.x variations are each included within the obtain file.

What’s new in model 1.4:
Fix marker and vacation spot in map app on Android

City Guide Ionic is an entire attraction/enterprise itemizing resolution for a particular metropolis that consists of a cell utility with a robust content material backend with information updates.

Users can simply flick through companies and shops utilizing numerous filters resembling class, identify, ranking or distance.

Store and Business homeowners can show and promote their merchandise, companies, information, catalogs, contact data and extra.

Best practices, confirmed strategies and skilled software program structure are packed with a nicely-crafted design.

This distribution contains Three variations of the City Guide app. The first model is predicated on Ionic 1.x, the second on Ionic 4.x and the third on Ionic 5.x.

City Guide Ionic 5 - Full Application with Firebase backend - 1What is it

City Guide is a journey assistant for a particular metropolis, aiming to information its customers by sights and companies offering opinions and exhibiting their merchandise/companies. It requires minimal setup enabling even non-builders to utilize it.

City Guide Ionic 5 - Full Application with Firebase backend - 2In a nutshell

The final software to construct a cell app which lists sights/companies with their services. Minimal setup effort, no code required.

City Guide Ionic 5 - Full Application with Firebase backend - 3Why select City Guide Ionic:

  • No code data or tech improvement required
  • Clean and consumer-pleasant interface
  • Highly customizable construction, with modular structure
  • Comes with rigorously curated colour themes
  • Easy set up, detailed fast begin information
  • Easily maintainable information, through the Firebase Graphical User Interface
  • Free updates: New options added consistently
  • A single codebase appropriate each with Android and iOS
  • Quick and environment friendly Support

Feature request

Help us enhance this app in a manner that completely is smart. Suggest the next feature you wish to see applied. We are taking strategies very critically.

Demo

Ionic 5.x

Ionic 4.x

City Guide Ionic 5 - Full Application with Firebase backend - 4

Features:

Plenty of Color combos – Themes

City Guide Ionic 5 - Full Application with Firebase backend - 5

Tens of rigorously chosen, superior colour schemes to select from: Square default, Square darkish, Awesome, Ocean, Material indigo, Material blue, Material pink, Material pink, Material purple, Material darkish purple. Just choose the one which fits your model and activate it with a single modification of the associated file.

Attraction/Business Finder

City Guide Ionic 5 - Full Application with Firebase backend - 6

Intuitive finder with a number of search filters resembling class, identify, ranking or distance (measured out of your location).

Users can use one or all of the accessible filters without delay to seek out precisely what fits them greatest.

Integration with Firebase for Backend administration

City Guide Ionic 5 - Full Application with Firebase backend - 7

The City Guide Ionic app comes with a robust, versatile resolution for backend administration, by integrating with Firebase. Firebase is a robust platform in your cell or internet utility, by which you’ll energy your app’s backend, together with information storage, consumer authentication, static internet hosting, and extra.

The City Guide app reads information from a Firebase database and makes it available to the entire app customers. As quickly as your Firebase challenge URL is about, the app treats the content material dynamically. The integration with Firebase presents straightforward information synchronization and information upkeep.

Review-Rate

City Guide Ionic 5 - Full Application with Firebase backend - 8

Users can learn opinions and rankings in regards to the companies/shops to assist them make knowledgeable choices. Also, they will submit their very own evaluation-ranking and make it seen to the opposite customers of the app.

Favorites Screen

City Guide Ionic 5 - Full Application with Firebase backend - 9

Users can add companies or shops to their favorites and collect them in a single place for fast entry.

Map Screen

City Guide Ionic 5 - Full Application with Firebase backend - 10

Map display screen shows all sights and companies of a particular metropolis as map pins. Users can simply entry a retailer profile simply by tapping a pin.

Comprehensive Business Presentation

City Guide Ionic successfully shows all the required data for every listed attraction/enterprise utilizing related screens whereas partaking the consumer with one faucet actions.

In element:

1. News Screen

City Guide Ionic 5 - Full Application with Firebase backend - 11

The information display screen shows enterprise information and bulletins organized in lists with a title, a thumbnail and brief introduction. Data could be fetched by utilizing a neighborhood/distant JSON construction or Firebase. Everything you want for that’s already constructed and no extra code is required.

2. Products Screen

City Guide Ionic 5 - Full Application with Firebase backend - 12

The merchandise display screen shows merchandise organized in lists of playing cards with a title, a thumbnail and worth. An in depth display screen supplies extra data-description for every product together with a slideshow of photos and a “Buy now” hyperlink. The hyperlink factors to the precise website online the place the consumer might discover extra details about a selected product and proceed with the acquisition.

3. Services Screen

City Guide Ionic 5 - Full Application with Firebase backend - 13

The companies display screen shows companies in lists of playing cards with a title and thumbnail. An in depth display screen supplies extra data for every service together with a slideshow of photos and a “Read more” hyperlink. The hyperlink factors to the precise website online the place the consumer might discover extra details about the actual service.

4. Catalogs Screen

City Guide Ionic 5 - Full Application with Firebase backend - 14

Displays a listing of playing cards with catalogs the place customers can entry paperwork with informative or product-primarily based content material. An in depth display screen supplies extra data-description for every catalog together with a slideshow of photos, a “View online” and/or a ”Download PDF” button. You can view a catalog both by downloading a pdf file or by clicking the hyperlink to redirect to a web site.

7. WordPress and Drupal

City Guide Ionic 5 - Full Application with Firebase backend - 15

You can combine your WordPress and/or Drupal website with the cell utility and be capable to see its posts organized in lists with a title, a thumbnail and brief introduction of every one. You may also share the put up with your social media account, like Facebook, Twitter, e-mail or some other social community website/utility of your alternative. Everything you want for that’s already constructed and no extra code is required.

5. Contact display screen

City Guide Ionic 5 - Full Application with Firebase backend - 16

This display screen shows enterprise or retailer data. It additionally permits customers to work together with app making one faucet telephone name, ship an e mail, get instructions or join with social networks.

6. One faucet actions:

  • Call us: It will make the gadget to start out a name to the telephone quantity you’ve outlined
  • Send us an Email: Mailer will open with what you are promoting’s e mail already set in order the consumer gained’t must sort it
  • Map / Get instructions: The map utility which is already put in on the gadget will likely be launched to indicate your precise location on the map and the consumer will be capable to get instructions to succeed in what you are promoting. (Note: You can set a couple of areas within the configuration file)
  • Visit us on Facebook: Users will be capable to see enterprise’s social profile with only one click on.

7. Opening hours

Let customers know if a enterprise is open on the explicit time they open the appliance. The app will get the present time from the gadget, takes under consideration the time zone of the enterprise and the gadget and shows a pleasant message to the customers. A listing of the opening hours can be displayed within the “Contact Us” display screen.

Data Sources

Firebase information storage

The app’s information is saved in Firebase as JSON object and any information modifications are synchronized in actual time with the app. You can use the Firebase UI to both import information that you’ve got already ready or create/handle your information in a tree construction. In the documentation, a full instance of a Firebase challenge is demonstrated exhibiting the required information fields and construction.

Data storage in JSON information

There can be the choice to configure City Guide app to fetch information both from a neighborhood location or a distant one (e.g. Amazon S3) the place information are saved in JSON information. Basically, a single JSON file is the one liable for all of the enterprise associated data. The supply URL is about as a single variable within the utility’s configuration file and no extra interference with the code is required.

The News, Products, Services and Catalogs itemizing home windows for every enterprise are fetching information from on-line sources by utilizing JSON buildings too. Images, texts and entire entries could be up to date by adjusting the distant sources with out the necessity to rebuild and redistribute the appliance. All the content material of the appliance could be up to date simply by adjusting the distant sources.

Easy Configuration / Modular Architecture

City Guide Ionic’s modular structure goes to remove any pointless complexity for its configuration or modification/addition of its options. Its code is clear and nicely-organised into modules.

Ionic design

City Guide Ionic is predicated on the UI components that the Ionic Framework supplies. Ionic Framework comes with an in depth and spectacular CSS framework for structure styling. Furthermore, it handles header components in a really comparable strategy to current libraries you’ll have used. Headers can be found in many various default colour choices. Adding a footer component is as straightforward as including a header. Moreover, Ionic comes with its personal icon library constructed through which comprises nearly the whole lot it is best to want. Use Ionic’s UI parts they usually provides you with a totally customised and useful UI.

AppSeed

This is a product of AppSeed. Find out extra by visiting our web site http://appseed.io/.

Change log

Ionic 5.x

5.0 - May 14, 2020
- Initial Release

Ionic 4.x

4.0 - Feb 5, 2020
- Initial Release

Ionic 1.x

1.4 - March 7, 2017
- Fix marker and vacation spot in map app on Android

1.3 - February 22, 2017
- Fetch enterprise identify, deal with, photos and outline from JSON information/Firebase on "Contacts us" display screen

1.2 - October 6, 2016
- Released pattern firebase information mounted

1.1 - August 26, 2016
- Category photos are fetched from native/distant sources or Firebase.

1.0 - August 12, 2016
- Initial launch

[ad_2]

To get this product on 50 p.c low cost contact me on this link

 

Source

Pomento
Logo
Register New Account
Reset Password
Compare items
  • Total (0)
Compare
0
Shopping cart