Display Discord Bot info to NuxtJS - vue.js

So I'm learning NuxtJS and I want to display some info from my Discord bot to the website. Now as I understood I can make a component that gets the information and then call the component. Let me break down the question more.
To get how many users my bot serves I can do client.users.cache.size in my normal JS files in node but how do I achieve this in my website? I don't understand how to connect such things really.
And if you can please direct me somewhere that explains more stuff than just the official docs

I created an express API that pushes the info that I want and through the VUE app I simply used Axios to get that info.
This Mini-series by Traversy Media helped me A LOT

Related

Tendermint web application - customize

I am new to blockchain development and to tendermint as well.
I already have a blockchain running locally.
Using this command starport scaffold vue I could mount a local web application. Inspecting a bit I could replicate some network requests (localhost) and I can get the ballance of current wallet (hard-coded on the request), get the current wallet from the localstorage. I'm struggling on authentication (mnemonic, wallet name and password).
However I also would like to costumize it according to my needs and I thought I could start a web application from scratch. I can see that the generated web project is importing this project https://github.com/tendermint/vue which is making a lot of "magic behind the scenes" and importing UI elements as well and I would like to have my own elements.
I don't want to re-invent the wheel and I can make some imports to help me on connection to wallet, validate authentication (mnemonic, wallet name and password), create wallet and so on.
I am trying to build a web application to connect to wallet, make transations.... but I would like to control the styles and the connections (and if possible using reactjs instead of vuejs, otherwise I dont mind learn vuejs as well).
Is this possible or reasonable? Where I can find good documentation or tutorial to guide me on customize a web application using tendermint. Honestly I searched but I am kind of lost.
Thanks
UPDATE: I found good examples and here and here. It helped me to validate mnemonics and make transactions, with my stack tech.
Because Starport generates both plain Javascript and VUE controllers, you have few options:
Create your own site re-using VUE components
Take plain JS part and build a website using whatever technology you like
Use a plain JS client for standard cosmos modules you can find on GitHub
Use Protobuf generator to generate light client code yourself
If you only need wallet functionality, #2 and #3 may work best for you because the bank module is stable and hasn't changed much in a long time.
You can find plain JS file for bank in your project:
vue/src/store/generated/cosmos/cosmos-sdk/cosmos.bank.v1beta1/module/index.ts
There is a link to starport discord channel related to frontend: https://discord.gg/CvbdYh9AWQ

How to display data in Shopify Store from external API using app proxy

My goal is to display data retrieved from a 3rd party (external) API that requires authentication in my Liquid Shopify theme.
I'm looking to access product options data from the Hulk Product Options API, which requires authentication, as documented here: https://productoption.hulkapps.com/api-docs/index.html
My goal would be to send a get request and retrieve data from the Hulk Product Options endpoint.
I've read that an App Proxy is what I need to set up, however I am new to the Shopify app world and am totally lost at how to set this up.
What I've done:
Followed the steps here to create an app and install it on a development store that I created through my partners dashboard.
Went to the partners dashboard, clicked "Apps" and found the app proxy section.
Questions:
What do I put in those fields? I can't find examples for filling out that section with info from an external API.
What code in which file do I need to add to the node app that was generated using shopify node create. Or is this app just necessary to be able to fill out the app proxy info?
What url can I send a GET request to using AJAX / JS in my liquid theme code?
I'm a theme developer new to app development and have never created an app, so if you can provide basic and specific instructions (code would be wonderful!) for someone who knows front-end and is competent but is lost in the app world it's much appreciated. I've asked other theme developers who also have also tried and not been able to figure this out, so there seems to be a gap in the tutorials and resources provided.
Thanks in advance!

Using agora.io in vue.js

This question might sound quite silly, but I need your help.
I have successfully implemented the agora.io live interactive streaming in flutter and is running fine. I wanted to know if I can implement this same feature in vue.js. I was trying to find any documentation but couldn't find any.
Can anyone help me find any documentation or at least a git repo which I can refer to.
Thank you in advance.
While Agora doesn't officially have any documentation for making a interactive streaming web app in Vue, it does have one for Group Video Calls at https://github.com/AgoraIO-Community/OpenAgoraWeb-Vue.
Since video calls work almost the same as broadcasts, you can use the OpenAgoraWeb repo link and tune it in a way to make it only one way streaming for audiences.
A sample interactive streaming web app for web using Vanilla JS: https://github.com/digitallysavvy/agora-web-broadcast-demo.
You can also use this Vanilla Sample link to convert it into a VueJS application or you can use a combination of both.
You can also create it from scratch using the documentation at: https://docs.agora.io/en/Interactive%20Broadcast/start_live_web?platform=Web.

Flutter and DialogFlow Chatbot

I am trying to make a chatbot for my Flutter app using DialogFlow. At first I used the API V2, and I get this error :
I searched online, and the only answer I found is to switch to "flutter_dialogflow.dart" package instead of the "dialogflow_v2.dart" package everything seemed to work just fine at the first glance, but when I wrote "Hi how are you doing?" the flowing error appears:
P.S: Everything is activated on DialogFlow
Please help! Thank you
Flutter has many advantages so the Flutter apps implementation will be common. Integrating the Dialogflow on the flutter app will be more beneficial and helps to handle the end-user queries most effectively. There are two approaches to incorporating Dialogflow into your Flutter APP.
Create the middleware code and build your own chat UI
Using the REST API, the middleware code is responsible for transferring the message from the Flutter app to the Dialogflow agent and build UI components to send and receive the message. You will probably be really happy to only see text messages going back and forth when you get started. But finally, you may want to add rich answers, such as buttons, clickable hyperlinks, cards, and other rich answers like that. Dialogflow does not as it turns out, has any defaults on this front. Which is a tedious process
Integrate with the Third-party tools
Since Dialogflow does not support the UI to make the bot response, search the platform that will allow you to add the bot to your mobile application. And I recommend using Kommunicate
The Dialogflow bot can be directly integrated with kommunicate and positioned with Flutter by adding Kommunicate dependency pubspec.yaml and import as well as install the package, More detailed instruction can be found here. You can further customise the chat widget to match your APP colours and theme.
PS: I work for Kommunicate

When creating an electron wrapper what is the right way to watch for notifications?

I am working with electron and various websites such as trello and inbox. I would like to add native notifications (which functionally i have working) however i need to know what the correct approach is to watch the site for notifications.
Do I ask the user to authenticate twice (once to login and again for the api if the site has one) or do i need to find something in the window object to watch?
Plenty of electron apps seem to be able to do this but i've had no luck hunting through github repos.
Any help or direction would be very much appreciated!
i need to know what the correct approach is to watch the site for notifications.
Check out trello webhooks