Main Content

Please wait...

What is PWA? Why PWA?

Did you know there’s a type of app that works for all operating systems and is easier for users to access they’re called PROGRESSIVE WEB APPS or PWA and they are reliable, fast, engaging and more likely the future of mobile apps. Twitter is one of the biggest PWA success stories they decided they needed an app that works on every device loaded quickly and gave their 380 million viewers the experience they were used to the resulting PWA twitterlite delivered on its promise pages per s ....Read More
Getting the user's current location from the device is easy when you find the best plugin. I tried many plugins but couldn't succeed. Finally, I found two plugins. Geo Location (Cordova-plugin-geolocation) This plugin gives us the device’s current location such as latitude and longitude. Common sources of location information include Global Positioning System (GPS) and location inferred from network signals such as IP address, RFID, WiFi and Bluetooth MAC addresses, and GSM/CDMA ....Read More

How to make the two side-menu in ionic?

We assume that we have installed everything that we need. Or if you haven’t pleased look on this previous article for how to start mobile app development with ionic? Let’s start the Two-side-menu ionic project. Open the terminal or node.js command type this command to create the new project on ionic. ionic start Two -side-menu sidemenu cd Two -side-menu ionic serve will open the default browser and display this page. Now open the app.html and replace the code as below. &lt ....Read More
Ionic is a complete app development kit, it was founded in 2012, using web technologies to native apps. Ionic is open source Framework development kit or SDK and it easy to use for a developer. It helps us to develop the high-performance multiplatform mobile application with Javascript, CSS and HTML5. Those apps make a look and feel beautiful on any platform or device. Ionic Benefit: Ionic is an open source framework free platform. Hybrid development so you can work easily on IOS, ANDROID ....Read More
Firebase Cloud Messaging (FCM) is the latest push notification service of Google. In this article, we will see how to integrate FCM in a Cordova project and send the notification to devices. Create Cordova Project: "cordova create push com.test.pushnotification push" Setting Up FireBase: Firstly, we must create an Android app in Firebase. Login to with your google account. Select “Add Project”. Provide project name. Click on Crea ....Read More
In this article, I am going to explain ,"How to Upload Images to the server using Cordova File Transfer Plugin and Asp.Net core Web API". Requirements Web API (you can use local IIS servers to host your API) Cordova Camera Plugin (cordova-plugin-camera) Cordova File Transfer Plugin (cordova-plugin-filetransfer) Steps 1. Build core Web API. 2. Camera Plugin to use mobile camera. 3. Upload Images using File transfer plugin. SERVER SIDE: Follow the link below to built Image Upl ....Read More

How to Make Google Sign-In Cordova?

Let’s start making Google sign in Cordova. I create this project on Visual Studio 2017 My system Cordova version 6.3.1, Cordova android version 5.2.1 (you can see on Config.xml (in code view eg: engine name="android" spec="5.2.1" ), cordova-plugin-googleplus (eg: plugin name="cordova-plugin-googleplus" spec="~5.3.0"). Create a New Project. Create a project on google console ( Set up your application’s Code. Install the Dependencie ....Read More

Capture and load Image in Cordova

1. Create New Cordova Project on Visual Studio. 2. Go to Config.xml 3. Go to Plugins 4. In core, you can find Camera plugin (cordova-plugin-camera) and click on add. you can see your installed plugin on config.xml (code view). <plugin name="cordova-plugin-camera" spec="~2.4.1" /> 5. Add one Button and one Div on your index.html <input type="button" id="TakePhoto" value="Take Photo"/> <div id="ViewPhoto"></div> 6.In Index.js, create Click Event on TakePhoto Butt ....Read More
I am facing the problem when running my Cordova projects on my android phone. "Could not find gradle wrapper within Android SDK. Might need to update your Android SDK. Looked here: C:\Users\SIW\AppData\Local\Android\Sdk\tools\templates\gradle\wrapper And looking for the solution on google on hours. It was not an SDK issue. Google has changed the location of a gardle wrapper in their SDK which was causing Cordova not being able to find it. We have to install the new version of android-platf ....Read More