form working properly

Author: mostlypanda

using nodemailer for 2 way authentication/app.js

@@ -24,6 +24,20 @@ app.get('/',function(req,res){
 });
 
 
+app.post('/send',function(req,res){
+    const output= `
+    <h1> You have a new contact request</h1>
+    <h3>COntact Details</h3>
+    <ul>
+    <li> Firstname: ${req.body.firstname}</li>
+    <li> Lastname: ${req.body.lastname}</li>
+    <li> email: ${req.body.email}</li>
+    <li> phone: ${req.body.phone}</li>
+    </ul>
+
+    `;
+});
+
 const PORT=process.env.PORT||3000;
 app.listen(PORT,()=>{
     console.log(`app is live at ${PORT}`);

using nodemailer for 2 way authentication/views/contact.handlebars

@@ -23,29 +23,27 @@
       </div>
       <div class="contact">
         <h3>Email Us</h3>
-        <form>
+        {{msg}}
+        <form method="POST" action="send">
           <p>
-            <label>Name</label>
-            <input type="text" name="name">
+            <label>Firstname</label>
+            <input type="text" name="firstname" required>
           </p>
           <p>
-            <label>Company</label>
-            <input type="text" name="company">
+            <label>Lastname</label>
+            <input type="text" name="lastname" required>
           </p>
           <p>
             <label>Email Address</label>
-            <input type="email" name="email">
+            <input type="email" name="email" required>
           </p>
           <p>
             <label>Phone Number</label>
-            <input type="text" name="phone">
+            <input type="number" name="phone" required>
           </p>
+         
           <p class="full">
-            <label>Message</label>
-            <textarea name="message" rows="5"></textarea>
-          </p>
-          <p class="full">
-            <button>Submit</button>
+            <button type="submit">Submit</button>
           </p>
         </form>
       </div>