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.
Integration with Firebase for Backend management
The City Guide 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 City Guide 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.
Business Presentation: News
The news screen displays business news and announcements organized in lists with a title, a thumbnail and short introduction. Data can be fetched by using a local/remote JSON structure or Firebase. Everything you need for that is already built and no additional code is required.
Business Presentation: Products
The products screen displays products organized in lists of cards with a title, a thumbnail and price. A detailed screen provides additional information-description 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.
Business Presentation: Services
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.
Business Presentation: Catalogs
Displays a list of cards with catalogs where users can access documents with informative or product-based content. A detailed screen provides additional information-description for each catalog including a slideshow of images, a “View online” and/or a ”Download PDF” button. You can view a catalog either by downloading a pdf file or by clicking the link to redirect to a website.
Wordpress and Drupal
You can integrate your Wordpress and/or Drupal site with the mobile application and be able to see its posts organized in lists with a title, a thumbnail and short introduction of each one. You can also share the post with your social media account, like Facebook, Twitter, e-mail or any other social network site/application of your choice. Everything you need for that is already built and no additional code is required.
What's in the Pack
Well structured carefully crafted source code easy to be extended.
A fully working Ionic Application, build-ready for iOS, Android and Web.
Documentation / Support
A very detailed Quick Start guide
City Guide is a complete attraction/business listing solution for a specific city that consists of a mobile application with a powerful content backend with data updates.
Users can easily browse through businesses and stores using various filters such as category, name, rating or distance.
Store and Business owners can display and promote their products, services, news, catalogs, contact information and more.
Best practices, proven techniques and experienced software architecture are packed with a well-crafted design.
What is it
City Guide is a travel assistant for a specific city, aiming to guide its users through attractions and businesses providing reviews and showing their products/services. It requires minimal setup enabling even non-developers to make use of it.
In a nutshell
The ultimate tool to build a mobile app which lists attractions/businesses with their products and services. Minimal setup effort, no code required.
Why choose City Guide 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
- A single codebase compatible both with Android and iOS
- Quick and efficient Support
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.
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 opening hours is also displayed in the “Contact Us” screen.
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 City Guide 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, 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
City Guide 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
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.
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.
Preview on iOS and Android – Ionic View
- Download the Ionic View app (http://view.ionic.io)
- Use the App ID
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.