What can be the best way to use captcha with spring boot and react application? - reactjs

I want to implement captcha for my application which has frontend on React JS and backend on Spring boot. For implementing captcha, I found many solutions like google's recaptcha, botdetect library etc.
But I am bit confused what should be the best way and flow to use captcha for my application. I want to pick a way which is optimised and fast in processing.
Please answer your suggestions. Thanks in advance!

I used a package in node.js called svg-captcha (link:https://www.npmjs.com/package/svg-captcha) ; it is specifically built for avoiding google recaptcha (and the idea is simple so you might find similar packages for spring boot), basically the client calls for an image (svg) via an api to backend; which returns the image and encoded text. You can use the same idea for quick application. Although, i would not use it for serious applications. Good luck!

Related

React document upload with plupload

Sorry if this is already been asked and covered in another question.
We are looking forward to implement multi-part document upload (including drag and drop feature) in react web application using plupload library. Planning to reuse existing document service for upload.
I could not find any NPM package of Plupload which i can integrate with my react application.
Do we need to consider wrapper to integrate Plupload.
Also, please suggest, if we should consider any other library, incase plupload does not support it?
Kindly suggest. Thank you in advance.
UPDATE -
We are using Drag zone for UI integration
May need to see, how we can implement chunking logic while hitting document service.
a. We are thinking can we use FileReader from Mozilla developers.
b. May need to see, if we can use any wrapper for service integration.
Thanks, please suggest if you have any suggestion.
3.
You can use this library to use the functionalities of Pulpload in react
https://www.npmjs.com/package/react-plupload

Using Gatsby JS for a simple CRUD web app: is it recommendable?

I'm looking into building a very simple CRUD web application fetching data from and sending data to a RESTful API backend.
Since I have a good experience with Gatsby JS and most of the features it ships are very useful, would you recommend using it instead of the more vanilla create-react-app? Are there any drawbacks that I should know of?
I've been searching the web for info and showcases but there's not much around on the topic of Gatsby JS used for web apps.
Thanks a lot.
That depends on requirements to your application. If you need static rendered pages, Gatsby JS is ok. If your application is not needed it, but you need any server side live rendering, maybe you should look on something like nextjs. If it doesn't require anything of that, using of Gatsby may be overwhelmed and unnecessary and create-react-app will be enough.

Develop backend (Spring) without frontend (angular)?

I am programming a spring-boot project. I only want to create the backend. Another developer will later on create the frontend with AngularJS.
I want to develope my backend without spending to much effort to create a test-frontend, since I dont know anything about JSP,Angular..
What should my Controllers(#Requestmapprings) return (Model, ModelAndView,JSON-Objects, Strings, ...??), so the angular-developer can use them for creating the view?
Is there any easy way to develop my backend without creating a frontend at all and still being able to test it somehow? I dont want to spend time to create basic Forms/Buttons/checkboxex but i would like to check if my scripts are working..
You must start looking into REST services.
https://spring.io/guides/gs/rest-service/
To see how it is consumed by angular please refer.
https://spring.io/guides/gs/rest-service/
You can get lots of tutorials and documentation on developing REST services independent of frontend.
I would suggest taking micro services approach based on the UI requirement and then segregate the services based on the functionality. This would make the code maintainability and development easier. If you are going to use spring-framework, it has vast stack of features, which are production ready.

Creating a mobile App with Laravel and AngularJS

I've been reading up on AngularJS lately (always used jQuery) and I'm starting to understand and like it. Normally I would build webapplications with Laravel. Now i'd really like to dig further and learn about connecting these two frameworks to build an awesome SPA. In this case, Laravel serves as a REST api and Angular handles the front end. This article and also this video helped me a lot, but still raises questions.
The biggest one (maybe very stupid) is: could the HTML/CSS/JS be converted to a native mobile app, for example with PhoneGap? Because that is what I'm wishing to achieve if possible.
Also, if this is possible, is it a good way or does it get too tricky?
This is still very new to me, just need some help on the way. I hope my question makes some sence, thanks in advance.

Laravel and Angular.JS - Web App Dev

I have started learning Laravel and Angular, for one of my project at university. I want to rebuild the website www.lolcalculator.com with these two frameworks but I cant figure out exatly the best way to do that. From Laravel I want the less posible, because I will focus on Angular.
Can someone with more experience help me?
For example, do I need to use routing on both sides? Which functions of the website I should cover with Laravel(Mailer, Auth, Routing...) and which using Angular?
I just need to understand a bigger image, not in details.
Tnx a lot.
All the best :D
There's quite some information on the net regarding Laravel and Angular, but this one in particular is one that I found useful: http://scotch.io/tutorials/php/create-a-laravel-and-angular-single-page-comment-application.
You may also want to consider writting a front-end app in Angular and a separate back-end app in Laravel. The back-end app can then expose an API, consumed by the Angular front-end.

Resources