MEVN Email Recaptcha

Built using the MEVN stack (MongoDB, Express.js, Vue.js, & Node.js), this web application allows unauthenticated users to suggest quotes via email. The email suggestion form is protected using Google reCAPTCHA. The owner of the email account can then set their favorite suggestion to be displayed.

Set up & run the application

1. Clone this repo

2. Install Node v12.6.0

   • I recommend using Node Version Manager

3. Install dependencies:

   npm run install

4. Create a .env file in the server directory and set the following properties:

   • EMAIL_PASSWORD - The password for your email account
   • EMAIL_PREFIX - (Optional) a prefix that will prepend the subject of every message for easier inbox filtering
   • EMAIL_USERNAME - The email/username for your email account
   • RECAPTCHA_SECRET_KEY - The secret key from the API key pair provided by Google

5. Sign up for a Google reCAPTCHA API key pair

6. Permit application to access the email account you are using

   • Google account - Less secure app access

7. Install & start MongoDB: Install MongoDB Community Edition

   • On macOS using Homebrew:
     • brew tap mongodb/brew
     • brew install [email protected]
     • brew services start [email protected]

8. Start the application:

   npm run start

9. Navigate to http://localhost:8080/

Use the application

1. Send a quote using the form under the Suggestions tab
2. Check your email
3. Click the link in the email to set that suggestion as the 'quote of the day'

Stop the application

1. Stop MongoDB:

   brew services stop [email protected]

2. Stop the application with Ctrl+C/Cmd+C in the terminal window where it is running