Posts

Showing posts from February, 2021

Technetium 101(React Native): Twitter Social Login

Image
  Version react-native: 0.63.4 react-native-login-twitter: ^3.0.4 Step 1 :  Go to Twitter Apps to create your app so that you can obtain API key and secret. Go to  https://apps.twitter.com Choose 3 different categories according to your profile. Refer image below. Only if selected as professional, you will be needed tp fill in your team profile. Refer image below. Then you need to write how you plan to use Twitter data/Twitter API. Minimum of 200 characters. After that read the developer agreement & policy and submit application.  It may take up to 72 hours to verify your developer's account. After your developer account been verified, you can now create new app By default, Twitter won't allow you to grab user's email, so you have to apply for a permission for your app to retrieve user's email Go to your projects & Apps and select your app Then click  Authentication settings Need to enable 3-logged OAuth and request email address Remember to set a Callback Url,

Technetium 101(React Native): Google Social Login

Image
Version react-native: 0.63.4 react-native-community/google-signin: 4.0.0 Step 1 : Install package yarn add @react-native-community/google-signin Step 2 : Create firebase project Search for Firebase and go to Firebase Console Create a project by clicking on Add Project. After done create project, click the android icon in the firebase Console Dashboard Fill in the following fields of "Add Firebase to your Android app" to generate config file ( i.e. google-services.json) Android package name (check at android manifest or android/app/build.gradle) Debug signing certificate SHA-1 open cmd go to project directory and paste keytool -list -v -keystore android/app/debug.keystore -alias androiddebugkey -storepass android -keypass android Release signing certificate SHA-1 open cmd go to jdk\bin directory and paste. eg `C:\Program Files\Java\jdk1.8.0_121\bin` keytool -list -v -keystore {path_to_your_.jks_file} -alias {alias_name} When you are done registering your android app with fireb

Build App Insights: Why Must Have Offline Mode For Your App

Image
Offline Mode Apps Most of the time, apps work best when there is a fast data connection or WiFi. But poor connectivity can result in a poor user experience. Apps with poor UX are frustrating, and many users may simply choose to delete them. Offline mode ensures an app will work as well offline as it does online. Creating an offline mode app can, in the right context, ensure a more reliable and faster experience, retaining users and providing a better user experience for your customer. According to research, if a user does not get quick results from an app, more than 45% of these users would never return to the platform that has failed them. This is where offline mode can save you a user. Importance of Offline Mode Apps App that will work even in offline mode or adopt the offline capability will allow people to get flexible mobile app experience when the connection is low, slow, flickering or not working. An offline mode will give your users a great user experience. These users will rec

Technetium 101(React Native): Facebook social login

Image
Version react-native: 0.63.4 react-native-fbsdk: ^3.0.0 Step 1 : Create App On Facebook Developers And Add Basic App Info Login with your facebook account and go to https://developers.facebook.com/apps/ and create new app After success, notice the App ID at top, this will be use later in application. Go to settings -> basic located at left drawer Fill in Contact Email, Privacy Policy Url, Category, App Icon, Business use and save Go to bottom of Basic Settings and add platform Android/Ios Ios … Android Check applicationId from android/app/build.gradle Copy applicationId from application and paste in Google Play Package Name. eg. “com.appdevtrend2021 Fill in Class Name with applicationId with added .MainActivity. eg”com. appdevtrend2021.MainActivity” If popup comes for package name verification select “Use this package name” Key Hashes need to fill in if only for release, if debug not needed ( https://aboutreact.com/getting-key-hash-for-facebook-console/ ) You will need to provide a

Build App Insights: Why Must Have Social Media Login?

Image
Why Must Have Social Media Login Visitors are often prompted with a sign-up form as to login on most of application This creates a troublesome experience for the users, and it gets even worse if they do not have the option to skip the signup process. But thanks to social login, which has made the registration task simple and easy. Example of social media login and manual login: Social Login Key Points 1.      86% of users report being bothered having to create new accounts A report from  Gigya  revealed that the leading reason people use social authentication is to avoid having to fill out online registration forms. 2. Huge amount of visitor data Social login offers you instant demographic and psychographic data about your clients, which can be used for a better segmentation, personalization and goal-targeted efforts. 3. Social Login Increases User sign-ups Social login offers trouble-free signup experience and it creates higher possibilities of successful signups. Since people a