Merge pull request #77 from hlabella/pr_attempt

Added instructions to modify contact form

README.md

@@ -22,7 +22,7 @@ After cloning the files, you will have to run ```yarn``` followed by ```yarn sta
 ### 3. Add your own data 
 Change the data in the ```data.json``` file as well as add any images to ```public/img/```
 You can also change styles by modifying the ```public/css``` files.
-
+If you need the contact form to work, you also need to create an EmailJS account, and modify the ```src/components/contact.jsx``` file to replace your own service ID, template ID and Public Key
 
 ## Like this project?
 <a href="https://www.buymeacoffee.com/issaaf">Buy my a coffee ☕️</a>

src/components/contact.jsx

@@ -15,12 +15,16 @@ export const Contact = (props) => {
     setState((prevState) => ({ ...prevState, [name]: value }));
   };
   const clearState = () => setState({ ...initialState });
-
+
+
   const handleSubmit = (e) => {
     e.preventDefault();
     console.log(name, email, message);
+
+    {/* replace below with your own Service ID, Template ID and Public Key from your EmailJS account */ }
+
     emailjs
-      .sendForm("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", e.target, "YOUR_USER_ID")
+      .sendForm("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", e.target, "YOUR_PUBLIC_KEY")
       .then(
         (result) => {
           console.log(result.text);