Gsa 30 add mongoose

package.json

@@ -26,11 +26,13 @@
   },
   "dependencies": {
     "express": "^4.17.1",
+    "mongoose": "^6.0.7",
     "socket.io": "^4.1.2"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.14.5",
     "@types/express": "^4.17.12",
+    "@types/mongoose": "^5.11.97",
     "@types/node": "^15.12.2",
     "@types/socket.io-client": "^3.0.0",
     "@typescript-eslint/eslint-plugin": "^4.26.1",

src/client/src/app/app-routing.module.ts

@@ -1,7 +1,12 @@
+import { AddPostComponent } from './components/add-post/add-post.component';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { AddUserComponent } from './components/add-user/add-user.component';
 
-const routes: Routes = [];
+const routes: Routes = [
+  {path: "create-post", component:AddPostComponent },
+  {path: "create-user", component:AddUserComponent },
+];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],

src/client/src/app/app.component.html

@@ -1 +1,2 @@
-{{title}}
+<app-navigation></app-navigation>
+<router-outlet></router-outlet>

src/client/src/app/app.module.ts

@@ -3,15 +3,23 @@ import { BrowserModule } from '@angular/platform-browser';
 import { HttpClientModule } from '@angular/common/http';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+import { AddUserComponent } from './components/add-user/add-user.component';
+import { FormsModule } from '@angular/forms';
+import { AddPostComponent } from './components/add-post/add-post.component';
+import { NavigationComponent } from './components/navigation/navigation.component';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    AddUserComponent,
+    AddPostComponent,
+    NavigationComponent
   ],
   imports: [
     BrowserModule,
     AppRoutingModule,
     HttpClientModule,
+    FormsModule,
   ],
   providers: [],
   bootstrap: [AppComponent]

src/client/src/app/components/add-post/add-post.component.html

@@ -0,0 +1,16 @@
+<h3>Posts</h3>
+
+<p>Title:</p>
+<input type="text" [(ngModel)]="title" placeholder="Enter a title">
+<br>
+<p>Subject:</p>
+<textarea [(ngModel)]="body" placeholder="Enter text here" cols="30" rows="10"></textarea>
+<br>
+<button (click)=addPost()>Add Post</button>
+
+<div>
+  <ul>
+    <!-- <li *ngFor="let post of posts$ | async"></li> -->
+</ul>
+</div>
+