Mark Burggraf
Do you know when this will be updated for Ionic 4?
Description
Ionic starter with multiples integration including Artificial inteligence showcases and with Admin dashboard backend to manage the data for some of the applications included (see product feature specifications), also includes: Dialogflow bot chat, face recognition, google cloud vision, games, QR code write and reader, CSV editor, WordPress integration, Push notifications, realtime chat, Offline support, Google and Facebook login, admob, auth workflow with firebase, Native social sharing, Call a number, Send SMS, google maps geolocation, Restaurant menu, e-commerce shopping, Shopping Cart with Paypal and stripe integration, Discover places, Photo edition (crop, filters, etc.) with Image gallery, CRUD with forms and validations, chartjs, Rate app functionality, and a lot more... (see Product features)
What you'll get
Try before you invest
Ionic view is going to be removed from the ios apple store https://blog.ionicframework.com/ionic-view-sunsetting-on-9-1-18/ The best way to test the application is downloading the apk and installing it on a device or emultator or you can use the PWA demo bellow (some features won't work on the web version).
Try the PWA version
This version is limited since most of the plugins and features needs an emulator or device to work
Features Index
- Login workflow
- Admob
- Chart
- Rate App
- Realtime Chat
- QR Code App
- CSV Editor
- Dynamic Theme
- Signature Pad
- RSS Feed
- Wordpress
- Pomodoro Timer
- Media Capture and play
- Media Streaming
- Speech Command
- AI ChatBot
- Whiteboard
- Youtube Api
- Calendar Native
- Calendar Custom
- Face Recognition
- Google Cloud Vision
- Game 2048
- Appointment App
- Quiz for developers
- Discover Places
- Shopping e-commenrce
- Restaurant App
- Walk tracking
- Shopping Cart
- Places Maps
- Social Cards
- CRUD Showcase
- Profiles
- Social Wall
- Push Notifications
- Weather App
- Photo Gallery
- Admin Dashboard
Product features:
Login workflow
Description
Firebase login with email and password, phone number authentication, register, password recovery and profile pages, plus Google plus, and Facebook login. Also includes a PWA optimized page to be able to login using google plus from the browser
Ideal For:
Handling the authentication workflow of your application using email and pass or phone number sign in, Google credentials and Facebook credentials
Integrated With Admin dashboard:
Yes, Some of the functionalities uses the user's profile from the firestore database
Other specs
Firebase auth, firebase realtime database, firestore
Admob
Description
Show case of how to implement banner, interstitial ads and video reward ads, with admob free plugin
Ideal For:
Monetizing your apps and games, easy to import config and use inyour ionic application
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-admob-free
Charts showcase
Description
This is a multiple charts showcases using chart.js library
Ideal For:
Any application that needs charts and graphics, like stock aplication, also for games stats, or any application that need graphics to illustrate stats
Integrated With Admin dashboard:
Yes
Other specs
Chart.js, ng2-charts
Rate the app
Description
Stand alone component/directive that can be easilly integrated with your UI to ask the user for a feedback, this feature will allow you to ask if the user is enjoying the app, if not then it will prompt an imput to collect negative feedback, otherwise it'll take you to the app store to rate the app
Ideal For:
Get positive and high ratings on the app store, and keep negative ratings out of the app store
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-apprate
Realtime Chat
Description
Realtime 1:1 chat, with image sharing, message read flags, etc.
Ideal For:
Applications that need one to one chat, like for customer support, sales representative, etc.
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-camera
QR code App
Description
Full app, that read and generate QR and Bar codes, also includes a functionality to do Optical Character Recognition, where you can convert pictures to text.
Ideal For:
Any scenario where you need to generate a QR code, for wharehouses or stores where you need to scan barcode products
Integrated With Admin dashboard:
No
Other specs
- phonegap-plugin-barcodescanner
- call-number
- uk.co.workingedge.phonegap.plugin. launchnavigator
- cordova-plugin-contacts
- cordova-plugin-hotspot
- cordova-plugin-x-socialsharing
- uk.co.workingedge.cordova.plugin. sqliteporter
- cordova-sqlite-storage
- cordova-plugin-camera
- ngx-qrcode2
- tesseract.js
CSV Editor
Description
With this component you can load and edit csv files from a predefine dummy file or from an url, also you can share the document using the cordova share plugin
Ideal For:
Procesing csv files
Integrated With Admin dashboard:
No
Other specs
- cordova-plugin-file-transfer
- cordova-plugin-file-opener2
Dynamic Theme
Description
This is a showcase that toggle between a dark theme and a light theme
Ideal For:
Make your application theming dinamic
Integrated With Admin dashboard:
No
Other specs
None
Signature Pad
Description
Html canvas to capture signature done with the finger tip, store it and share
Ideal For:
Applications that requires customers signatures
Integrated With Admin dashboard:
No
Other specs
- angular2-signaturepad
- cordova-sqlite-storage
Rss feed
Description
RSS Feed reader for blogs, news, etc.
Ideal For:
Applications that requiere to show news, blog post etc.
Integrated With Admin dashboard:
No
Other specs
- cordova-plugin-x-socialsharing
- cordova-sqlite-storage
WordPress
Description
This is a showcase that reads the WordPress API and show the articles of a blog, webpage, etc within the an ionic application
Ideal For:
Consuming the WordPress website API To display blog posts
Integrated With Admin dashboard:
No
Other specs
wp-api-angular
Pomodoro timer
Description
Pomodoro timer with break after the 25 min focus time
Ideal For:
Productivity apps
Integrated With Admin dashboard:
No
Other specs
angular-progress-bar
Media Capture and play
Description
Capture media (video & audio) from the device camera and mic
Ideal For:
Voice recorder application, media player, etc.
Integrated With Admin dashboard:
No
Other specs
- cordova-plugin-media-capture
- cordova-plugin-media
- cordova-plugin-file
Media Streaming
Description
Stream audio and videos from url
Ideal For:
Vedeo streaming for movies, short films, podcast, etc
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-streaming-media
Speech Command
Description
Speech recognition showcase, using speech to text plugin and the Levenshtein algoritm to set the accuracy level
Ideal For:
Create applications where you need to execute commands/actions with your voice, for example for visually impaired people.
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-speechrecognition
BotChat
Description
Botchat showcase implemented with Dialogflow API (API.AI)
Ideal For:
Implement it in your application to answer FAQ (Frequently Asked Questions), provide an assistant to your customers, etc.
Integrated With Admin dashboard:
No
Other specs
- cordova-plugin-tts
- cordova-plugin-apiai
Whiteboard
Description
Htnl camvas with difrent colors and brush sizes to draw, even on top of an image
Ideal For:
Free hand draw, draw on top of images, to make anotations or just for fun, can be used to create application for keds, etc.
Integrated With Admin dashboard:
No
Other specs
- cordova-plugin-camera
- cordova-plugin-x-socialsharing
- cordova-sqlite-storage
- cordova-plugin-file
Youtube Api
Description
Showcase to consume the youtube api
Ideal For:
Play youtube videos from your channel in your mobile app
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-youtube-video-player
Calendar Native
Description
Showcase for Write and read from native calendar
Ideal For:
Write and read from native calendar
Integrated With Admin dashboard:
No
Other specs
cordova-plugin-calendar
Calendar Custom
Description
This showcase use Ionic2-calendar component and allows you the set appointments on the diferent days in the calendar
Ideal For:
Appointment apps, schedule apps
Integrated With Admin dashboard:
No
Other specs
- ionic2-calendar
- intl
- cordova-sqlite-storage
Face Recognition
Description
Showcase of Azure face recognition Api integrated with the Image gallery component
Ideal For:
Application that need to detect certain characteristics on an image (face) like if is wearing glasses, or makeup, etc.
Integrated With Admin dashboard:
No
Other specs
None
Google Cloud Vision
Description
Showcase of google cloud vision api integrated with the Image gallery component
Ideal For:
Produce labels from images, to suggest hashtags for social network, useful to detect and censure inappropriate images, before it can be public in your application
Integrated With Admin dashboard:
No
Other specs
None
Game 2048
Description
This is a version of the popular 2048 game
Ideal For:
Extend functionalities like add more rows and columns, implement levels of dificulties, etc.
Integrated With Admin dashboard:
No
Other specs
None
Appointment App
Description
This is a stand alone app to set appointments for employees of a barber shop for example
Ideal For:
Any scenario where you need to schedule apoinments for a service, like in a spa, barber shop, beauty salon, etc.
Integrated With Admin dashboard:
No
Other specs
Quiz for developers
Description
Stand alone quizz app that keeps score, leader board table, books recommendation based on results, syntax haighlighting, etc. with 11 programming language quetions with about 1480 questions in total
Ideal For:
Extend the functionalities, create a competitive app for developers, create an app to prepare developers for job interviews, or use the question to measure the developer's skills in certain language
Integrated With Admin dashboard:
No
Other specs
Uses firebase to store the score
Discover Places
Description
This is an app to show off places for tourism, include ratings, maps, call number, open with gps, photo gallery
Ideal For:
Tour guide apps, places details, reviews, historical places guide
Integrated With Admin dashboard:
Yes
Other specs
call-number
Shopping e-commerce
Description
Ideal For:
Integrated With Admin dashboard:
Yes
Other specs
Restaurant App
Description
Ideal For:
Integrated With Admin dashboard:
Yes
Other specs
Walk Tracking
Description
Walk tracking show case that can be used as base to implement your next fitness app
Ideal For:
Fitness apps, gps related apps
Integrated With Admin dashboard:
No
Other specs
- cordova-plugin-geolocation
- cordova-sqlite-storage
Cart
Description
Stand alone cart that can be used/implemented/adapted to any application that sells products, it is integrated with paypal and Stripe
Ideal For:
any application that sells products
Integrated With Admin dashboard:
Yes
Other specs
- com.paypal.cordova.mobilesdk
- cordova-plugin-stripe
Places Maps
Description
This app is some how similar to Discover Places, this showcase uses maps, ratings, image gallery component, etc.
Ideal For:
Promoting places in your apps, touristic destinations, etc.
Integrated With Admin dashboard:
Yes
Other specs
cordova-plugin-geolocation
Social Cards
Description
This is a theme that you can use in your apps to feed from a social network (reddit, facebook, etc.) and display social information like messages, likes, etc.
Ideal For:
feed from a social network (reddit, facebook, etc.)
Integrated With Admin dashboard:
Yes
Other specs
None
CRUD Showcase
Description
This is an example of CRUD (Create, Retrieve, Update, Delete), it is basically a private message showcase, that you can use in your application to send private messages from the customers to the customer service team
Ideal For:
To send private messages from the customers to the customer service team
Integrated With Admin dashboard:
Yes
Other specs
Uses realtime firebase to store the messages
Profiles
Description
This is a group of themes/templates to desplay profiles information
Ideal For:
Display profile information in your applications, for social applications, to display profiles of logged in customers, etc.
Integrated With Admin dashboard:
No
Other specs
None
Social Wall
Description
This theme/template allowas you to display information with a time line chronologically, you can feed it with social network info like data from the Facebook wall.
Ideal For:
Social application that needs to show data in a time line fashon
Integrated With Admin dashboard:
Yes
Other specs
This component uses cloud firestore to handle data
Push Notifications
Description
Yo can send push notifications to your regitered users (you can also send images), using the Admin dashboard app (Angular) included with this starter, to promote the usage of your app, send discount coupons, important notifications, etc. and this is the landing page on the ionic app side.
Ideal For:
promote the usage of your app, send discount coupons, send important notifications
Integrated With Admin dashboard:
Yes, from the admin dashboard you'll be able to create and send notifications
Other specs
phonegap-plugin-push
Weather App
Description
This application use bing maps, also use api.openweathermap.org (US only) to obtain the radar information to create the animated map.
Ideal For:
Provide weather information to your customers, for example if you are creating a fitness app that encourages your users to take a walk or run aoutside, it would be convinient to precent the outside temperature, humidity, if it's going to rain, etc.
Integrated With Admin dashboard:
No
Other specs
Bing maps
Photo Gallery
Description
Image gallery, to show/handle images, with image cropping, filter edition, share derectly on instagram
Ideal For:
When you need to edit an image (crop) apply filters, share directly to Instagram
Integrated With Admin dashboard:
Yes
Other specs
- angular-cropperjs
- cordova-plugin-camera
- cordova-instagram-plugin
Admin Dashboard
Description
This admin dashboard can be used as a base source to manage the data of some of the integrations offered with this starter,
Other specs
Angular 4+ firebase realtime database and firestore, push notification etc.
Admin dashboard video
Since I constantly making changes/improvements, and adding new features, the feel and look of the functionalities represented in this video might differ a litler bit from the current source code, this video is only to represent hight level idea of how it works.
