How to integrate Chat-Bot in React-Native - react-native

I'm using React-Native for the development of Mobile App. Now I'm having a requirement to implement a chat-bot in my React-Native Mobile App.
I heard about Recast.AI NLP Based Platform, but I got stuck. How to integrate Recast.AI in React Native technology? What's the possible solutions for that?

There are 2 completely separate parts of software needed to implement Chat Bots in React-Native:
Messaging platform
Chat Bot engine
1) Regarding Messaging Platform - you need some solution which will provide your React-Native app the messaging capabilities. So you will have 2 types of users: normal real users and Chat bots users. Normal users will send messages using your React-Native app and Chat Bots will be programmable users with some automatic responses.
I used ConnectyCube in some of my projects, they have the React Native SDK to develop apps with messaging functionality:
1-1 messaging
Group messaging
Sent/Delivered/Read statuses
'Is typing' statuses
File attachments
Push notifications to offline users
Contact list
Block list
React Native SDK - Getting Started: https://developers.connectycube.com/js/react-native
Chat functionality - Getting Started https://developers.connectycube.com/js/messaging
2) Regarding Chat Bot engine - I used RiveScript in some of my projects in it's awesome. It gives you a *.rive file where you can program all your questions/answers, as many scenarios as you could imagine.

To add the chatbot into your ReactNative mobile app, you just need to integrate a chat platform that allows you to add a bot into your app.
If you haven't yet finalized which bot platform to use then have a look at Dialogflow and Amazon lex.
Looks like Recast.ai doesn't support react-native, however, there are other solutions such as a combination of Dialogflow + Kommunicate using which you can achieve the same in react native.
The following details will help you in integrating the chatbot into your react-native app;
Build the chatbot using Dialogflow which is very easy and simple, here are the instructions to build a bot.
Once you are done with building a bot, integrate it on Kommunicate.
Final step is to add the chat into your react-native app, here is the reference.

Related

How to add voice chat feature like clubhouse in react native app?

I am trying to create an app like clubhouse(just for learning).
So I want to know is there any way to add voice chat like a clubhouse in react native.
I know I have to add some backend to the app.
but if anyone knows some pre-built services or some roadmap for adding this type of feature. this would be amazing for me.

google assistant with react native

I developed one react native application. now I want to integrate Google Assistant in the app, I will provide one mic button, if the user click on it, the google assistant need to be enabled, and I need response from the google.
I am working in smart home project, I want to integrate google assistant api in React native app, I seen the library support only python. Please suggest me the best way I can embed google assistant in my app.
Have you looked at the dialogflow integration with react native? that could help you do what you want. If you are building a smart home integration I would assume you are already in dialogflow to some extent.
https://github.com/innFactory/react-native-dialogflow

How can iOS application interact with an Ethereum wallet

I have a dapp for web application. Users have metamask installed in the Chrome browser. They make transactions using metamask. Now I want the same application to be developed in iOS using react-native. How to develop this? For browser when users want to make any transaction simply metamask pop ups and asks for confirmation.
How about in mobile devices? How they are going to install metmask in the devices and make transactions in mobile device. Is is possible to achieve this? How can I develop this app?
Your iOS app can communicate with iOS wallets using WalletConnect mobile linking. This fulfils a similar functionality as MetaMask pop-up on desktop environments.
Yes, you don't need metamask for your application. (And I am yet to see someone use it in an app built in React Native.)
Metamask is essentially a wallet which 'injects' into various services on the web. But it is nothing more than a wallet that manages your identit(y/ies).
The features you'd need in your React app would need:
Managing identities (private and public keys.)
Ability to sign transactions.
Then you might want to use extra features such as:
Importing keys
Updating balances
Recording transasctions, etc.
If you're using web3.js, then you need to start here: web3.eth.accounts and look into wallets on the same page.
For React Native, you can use the Moralis SDK https://moralis.io/
If you're developing a native app with Swift, you can use the v1 WalletConnect SDK https://github.com/WalletConnect/WalletConnectSwift.
Also, I'm working on a package (on top of WC) that already has all the configuration for it: https://github.com/maurovz/Glaip

How to integrate intercom chat to react-naive mobile app?

I'm developing a mobile app which has a support feature for clients. Support is a chat session. We are planning to use intercom chat integration with our react-native mobile app. We are using React-Native.So is there any way to integrate intercom chat with my mobile app ??
If it is possible can i be able to change intercom chat UI with customized react-native components ??
Any links helps would be appreciated ?
Yes, you can integrate Intercom in a react-native application. You can use
react-native-intercom, this a wrapper of Intercom-ios-sdk and does not have options to further customization (only launcher).
You'll have to write some native code hopefully everything is in the README.me
About changing intercom UI: it is not possible. Really, don't waste your time trying to do this. They simply don't offer this feature.
Their clients SDK are not open source even if they are in GitHub. If you go to Intercom Android SDK or Intercom iOS SDK you would think that they open sourced them but if you see their files you're gonna see that it is just binary files. You cannot edit them. Or maybe you can but in a hacky way.
The only way to use your own components is to use their API directly and implement the UI from scratch. I strongly recommend you to don't do it. They have API call restrictions (500 requests per minute) which is easy to achieve because of the number of calls you'll have to send in order to make it work properly.

Cross platform video chat using Quickblox

I am working on a application where I need to integrate video chat feature on different platforms. I am currently using Quickblox.
For iOS Platform I am using: http://quickblox.com/developers/SimpleSample-videochat-ios
Android Platform : https://github.com/QuickBlox/Sample-VideoChat-android
Web Platform : The JS API
Independently I can video chat between 2 users on Web or between 2 users on iPhone but after multiple attempts I have not been able to start a video chat session between 1 user on Web and 1 user on iOS.
Please, let me know is it possible to have video chat, i.e. video conferencing for all 3 platforms (iOS, Android & Web)?
Are there better ideas for implementation of this video chat requirement?
I know it is very old question any way. They didn't complete webRTC implementation yet, once they have done you can continue with Quickblox otherwise you have to search any other apis. Please refer the below link.
http://quickblox.com/blog/webrtc-powered-cross-platform-video-calling-code-samples-web-ios-and-android/