how to connect another webapp to my react project - mern

I would like to use one application from 3rd party in my react project. For example: there is a "mindomo" webapp. Now I want to use this webapp in my react project to complete my project. I tried searching for API also but I couldn't find any. How should I do it?

Related

Source code is missing from google cloud functions list

I am trying to retrieve the source code of a website/project which was made for me on fiverr. I've been made the owner of the project.
I followed the advice on previous links (below) to get the source code:
Is it possible to get the source code of a Google Firebase (or Google Cloud Platform) project?
Is it possible to retrieve Firebase Cloud Function source code?
Get code from firebase console which I deployed earlier
For some reason my google cloud functions list does not show “source” as stated in previous answers picure with source missing in functions list.
Is there another way to access the source code from google cloud?
Appreciated
J
So its been over a year and a bit more experience with Firebase. The correct answer is you cannot technically access the source code because the source code contains the html,css and javascript files which are deployed to the Firebase server and are back-end (server side). What you view on the website is only the front-end client side code and is not the full picture.
Whenever you get a website developed for you, you should always have the developer pass on all the html,css and javascript codes so that you can always deploy it when needed.

Splitting web-app and mobile-app request in Yii2

I created a restful web-app platform using yii2 framework. It is working with no problems using a browser. Now I'm developing a mobile-app with angular and ionic and I'm searching for some guide to help me splitting the request from browser and app. Using the browser the web-app is configured to have a html view response, how can I detect a mobile-app request to change response in JSON format in each controller/action?
It's my first mobile-app development.
I just fighted this same war this week and I ended up splitting the folders and generating a new yii-app with fresh controllers just for the api.
I tried creating the api folder inside the web backend project, but I had to much problems with redirections, and as I was working from Android emulator fueled by Expo it was almost impossible to reach the api inside my localhost from outside.
At the end in the API REST you just reuse the database connection, rest of files are new. So there is no much to win in placing it in the same folder/project.
By the way, read this documentation: Implementing RESTful Web Service APIs in Yii2
As a code example you could check my yii2 web app: https://github.com/jvidalv/fempoble
And the api that works with the web: https://github.com/jvidalv/api-fempoble

Add HTML file to React project

I am currently making a personal portfolio for myself in React. I have some projects I would like to add to my React sites that were created using HTML, CSS and vanilla JS. I'm looking for a way to easily add them into my project. They are not currently hosted anywhere. I know this should be rather simple but I'm not sure exactly how to express what I am trying to do. Any help would be greatly appreciated.
If they were created only using HTML, CSS and vanilla JS, then you can host them at GitHub Pages.
After this, use an iframe element to insert them into your React project.
I should also add it's also completely free and very easy to host static sites made with html/css/js with google's firebase. I've even deployed a couple production level applications on firebase and the clients have used them for a while without issues. The links to your projects will feel more "professional" if you host them on firebase instead of on github pages in my opinion.
Refer to this to learn how to host your site on firebase. The general rundown though is you log onto firebase with a google account of your choice, create a new firebase project (think of it as an empty space on the cloud to "host" your site), then you install command line tools for firebase (similar to when you first installed git or npm), then use the command line tool to login, select the project you created, initalize firebase in the directory of the react portfolio's index.html that you want to host, then you simply run the command firebase deploy --only hosting. It then tells you the url which your site is hosted.
You can also simply add links to your hosted projects instead of putting their entire page on your portfolio via iframe like was suggested. You could also take some nice screen shots and make a slider to showcase each and provide the link to the actual site on click. Just some ideas.

Can I use Electron JS to convert my web app to DESKTOP app

I have a web app developed using..(PHP,MYSQL,HTML,CSS,JS,AJAX,Datatables, bootstrapjs)
Now, I want to make a desktop version of the same app, and I came across electronjs.
The problem is I dont know whether ELECTRONJS will support all my requirements.
A breif of my requirements:
My app is responsive using datatables.net library including EDITOR for displaying the data .
the datatable plugin requires ajax calls to some API (Which I developed with PHP and hosted on a server)..
but now I want to even do all the DB Operations with electronjs so that my app can work offline.
I am not sure if I can do that with electron
- calling an API (created by same app) from HTML/frontJS
- the API Returns Json data
- the Front JS displays that data on front.
Kindly let me know if this can be done with electronjs,
Well, basically yes. You can build a desktop app like this.
But you wont be able to run it offline if it depends on a server sided API. If you can rewrite your backend Code in JavaScript and use a SQLite DB instead of a MySQL you can run this as electron App.
Keep in mind that your business logic in the frontend can always be abused because it’s not hidden from the user.
FYI: Electron only runs a browser inside it’s own App container. So there is actually no crucial difference between Browser or electron App.

Create front end website for Google App Engine app

I have created a Google App Engine website using the tutorials and have uploaded it to AAA.appspot.com. But I would like to create a www.AAA.com website and pull data out of the App Engine. In Google App Engine settings you can add www.AAA.com to access Google App Engine API. What I need is a tool or tutorial recommendation to get me started on developing www.AAA.com. I'm very new to website development but am an experience programmer. So I have the Java servlet code setup but I cannot get the front end to connect to it.
In my html form can I do something like <form action="http://AAA.appspot.com/GET_Request_URL" method="get">? What about post requests?
One classic way to connect an HTML front-end to an App Engine back-end is by using the Google JavaScript client library https://developers.google.com/api-client-library/javascript/start/start-js
Romin Irani has nice tutorials on this method, see https://rominirani.com/google-cloud-endpoints-tutorial-part-1-b571ad6c7cd2#.sbsqvfu3n and in particular Part 4 https://rominirani.com/google-cloud-endpoints-tutorial-part-4-37ea3aac7948#.ivyo2i4pb
Yes you can do that. But I prefer doing it in below way, using reference paths (or) app handler names rather than full URLs
<form action="/mainpage" method="post">
You can use the app handlers only if the code is in GAE. Otherwise, as I said you can do the way you are currently doing by providing complete URLs. It will work for both POST and GET as long as URL has POST and GET methods implemented.