Recaptcha added to contact for extra security. It doesn't work on Localhost...

Recaptcha added to contact for extra security. It doesn't work on Localhost though, so it needs to be tested in production.

portfolio/__init__.py

@@ -21,6 +21,13 @@ app.config['MAIL_USE_TLS'] = True
 app.config['MAIL_USE_SSL'] = False
 mail = Mail(app)
 
+
+# recaptcha
+app.config['RECAPTCHA_USE_SSL']= False
+app.config['RECAPTCHA_PUBLIC_KEY']= os.getenv("SITE_KEY")
+app.config['RECAPTCHA_PRIVATE_KEY']= os.getenv("SECRET_KEY")
+app.config['RECAPTCHA_OPTIONS']= {'theme':'black'}
+
 basedir = os.path.abspath(os.path.dirname(__file__))
 app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///" + os.path.join(basedir, 'portfolio.db')
 db = SQLAlchemy(app)

portfolio/forms.py

-from flask_wtf import FlaskForm
+from flask_wtf import FlaskForm, RecaptchaField
 from wtforms import StringField, TextAreaField, SubmitField
 from wtforms.validators import DataRequired, Email, Length
 
@@ -7,3 +7,5 @@ class ContactForm(FlaskForm):
     email = StringField('Email', validators=[DataRequired(), Email()])
     message = TextAreaField('Message', validators=[DataRequired(), Length(min=10)])
     submit = SubmitField('Send')
+    # The recaptcha doesn't work on localhost. Check it in during hosting.
+    recaptcha = RecaptchaField()
\ No newline at end of file

portfolio/templates/contact.html

@@ -16,6 +16,7 @@
     {{ form.message(cols=30, rows=5)}}
     <br>
     {{ form.submit() }}
+    {{ form.recaptcha }}
 
 </form>