Add the contact form

src/app/app.module.ts

@@ -10,6 +10,8 @@ import { OutputComponent } from './output/output.component';
 import { LandingPageComponent } from './landing-page/landing-page.component';
 import { DocumentationComponent } from './documentation/documentation.component';
 import { FormComponent } from './form/form.component';
+import { ReactiveFormsModule } from '@angular/forms';
+
 
 
 @NgModule({
@@ -25,7 +27,8 @@ import { FormComponent } from './form/form.component';
   ],
   imports: [
     BrowserModule,
-    AppRoutingModule
+    AppRoutingModule,
+    ReactiveFormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/form/form.component.html

@@ -24,7 +24,7 @@
             </div>
 
             <div>
-                <button type="submit" [disabled]="!form.valid">Envoyer</button>
+                <button type="submit" (click)="send()" [disabled]="!form.valid">Envoyer</button>
             </div>
     </div>
 

src/app/form/form.component.ts

@@ -1,6 +1,5 @@
 import { Component } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
 
 import emailjs from '@emailjs/browser';
 
@@ -15,7 +14,7 @@ export class FormComponent {
   constructor(private fb: FormBuilder) {
     this.form = this.fb.group({
       from_name: [''],
-      to_name: ['Sankasten'],
+      to_name: ['Sandkasten'],
       from_email: [''],
       subject: [''],
       message: ['']
@@ -23,9 +22,9 @@ export class FormComponent {
   }
 
   async send() {
-    emailjs.init('user_your_user_id');
+    emailjs.init('cLIr6GuwhkrH1JFio');
     try {
-      let response = await emailjs.send("your_service_id", "your_template_id", {
+      let response = await emailjs.send("service_rvmwu94", "template_q0spe61", {
         from_name: this.form.value.from_name,
         to_name: this.form.value.to_name,
         message: this.form.value.message,