Chneemann/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: improve contact form anti-spam handling
All checks were successful
Deploy Portfolio to VPS / deploy (push) Successful in 22s
Details

Browse source
This commit is contained in:
Chneemann 2026-07-31 08:51:33 +02:00
parent 4ed8d309ab
commit b221d2bcc1
No known key found for this signature in database
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/Contact.tsx
View file

@ -24,9 +24,9 @@ export default function Contact() {
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
// Anti-spam check 1: Submissions faster than 3 seconds are treated as automated bots
// Anti-spam check 1: Submissions faster than 1 seconds are treated as automated bots
const timeTaken = (Date.now() - formLoadTime) / 1000;
if (timeTaken < 3) {
if (timeTaken < 1) {
setSubmitted(true);
return;
}
@ -52,7 +52,6 @@ export default function Contact() {
name,
email,
message,
_replyto: email,
_subject: `Portfolio Contact: ${name}`,
}),
});
@ -158,11 +157,12 @@ export default function Contact() {
) : (
/* Form Container */
<form onSubmit={handleSubmit} className="space-y-4">
{/* Hidden Honeypot Field for Bot Catching */}
<div className="hidden" aria-hidden="true">
<label className="block text-xs mb-1.5" htmlFor="website_hp">
Website
</label>
{/* Visual Hidden Honeypot Field */}
<div
className="absolute opacity-0 pointer-events-none -z-10 h-0 w-0 overflow-hidden"
aria-hidden="true"
>
<label htmlFor="website_hp">Website</label>
<input
type="text"
id="website_hp"