Basic Registration form in MERN stack with reCaptcha
Form contains 3 user inputs - Name, email and password.
If someone from the same IP address tries to register more than 3 times in a day, they are presented with a captcha (Google Recaptcha). The captcha is validated for all subsequent registrations for that IP address.
If the provided data is valid, then the user details are stored in a Mongo database.
This project uses express and mongoose.
[IMP] Create .env file inside backend folder and add your own MONGO_CONNECTION_STRING and RECAPTCHA_SECRET_KEY
In the backend folder, you can run:
Installs all dependencies in package.json.
Runs the backend app in the development mode.
Open http://localhost:8080 to view it in the browser.
The server will restart if you make edits.
This frontend project was bootstrapped with Create React App.
In the frontend folder, you can run:
Installs all dependencies in package.json.
Runs the frontend app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!