flutter_web how to implement RECAPTCHA?

Below are the major steps to test the g_recaptcha_v3 package extracted from the article implementation of Google reCAPTCHA v3 in Flutter Web.

1. Register your site via the Google reCAPTCHA Admin Console.

2. Add the required pubspec packages.

  # A composable, Future-based library for making HTTP requests.
  http: ^0.13.4

  # A Google reCAPTCHA is a free service that protects your website from spam and abuse.
  g_recaptcha_v3: ^0.0.4

3. Navigate to the web folder, open the index.html file and paste the below script inside the <body> tag.

<script src="https://www.google.com/recaptcha/api.js?render=recaptcha-site-key"></script>

4. Add the GRecaptchaV3.ready in the mainmethod and run the app.

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await GRecaptchaV3.ready('recaptcha-site-key');
  runApp(const MyApp());
}