diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f50910789d13ac3cd7230decbc6c7713f2c88f03..25c60d7e53a92adbb914eb9994215c9e37ea8a92 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { MemberListComponent } from './components/members/member-list.component'
+import { MemberTableComponent } from './components/members/member-table/member-table.component'
 import {RoutesComponent} from "./components/routes/routes.component";
 import {RouteComponent} from "./components/routes/route/route.component";
 import {RouteDetailPageComponent} from "./components/routes/route/route-detail-page/route-detail-page.component";
@@ -8,7 +8,7 @@ import {AddRouteFormComponent} from "./components/routes/route/add-route-form/ad
 
 const routes: Routes = [
   {
-    path:'members', component:MemberListComponent
+    path:'members', component:MemberTableComponent
   },
   {
     path: 'routes',
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index fa5f2f4f4730a1c73a6c4c4fbe895ade5ffdd539..00354ea1f8d0584aac5c518a12780c67a6d2957f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -4,7 +4,7 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatMenuModule} from '@angular/material/menu';
-import { MemberListComponent } from './components/members/member-list.component';
+import { MemberTableComponent } from './components/members/member-table/member-table.component';
 import {FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {MatTableModule} from "@angular/material/table";
 import {HttpClientModule} from "@angular/common/http";
@@ -23,15 +23,17 @@ import {RoutesComponent} from "./components/routes/routes.component";
 import {RouteComponent} from "./components/routes/route/route.component";
 import {AddRouteFormComponent} from "./components/routes/route/add-route-form/add-route-form.component";
 import {RouteDetailPageComponent} from "./components/routes/route/route-detail-page/route-detail-page.component";
+import { MemberDetailsComponent } from './components/members/member-details/member-details.component';
 
 @NgModule({
   declarations: [
     AppComponent,
-    MemberListComponent,
+    MemberTableComponent,
     RoutesComponent,
     RouteComponent,
     AddRouteFormComponent,
     RouteDetailPageComponent,
+    MemberDetailsComponent,
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/components/members/member-details/member-details.component.html b/src/app/components/members/member-details/member-details.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..4173abafe168bbef601ba9a210b17c2ebe741fb7
--- /dev/null
+++ b/src/app/components/members/member-details/member-details.component.html
@@ -0,0 +1 @@
+<p>member-details works!</p>
diff --git a/src/app/components/members/member-details/member-details.component.scss b/src/app/components/members/member-details/member-details.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/members/member-details/member-details.component.spec.ts b/src/app/components/members/member-details/member-details.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7b13645c7313bb07f59ba57bb37fb218221185ad
--- /dev/null
+++ b/src/app/components/members/member-details/member-details.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MemberDetailsComponent } from './member-details.component';
+
+describe('MemberDetailsComponent', () => {
+  let component: MemberDetailsComponent;
+  let fixture: ComponentFixture<MemberDetailsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MemberDetailsComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MemberDetailsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/members/member-details/member-details.component.ts b/src/app/components/members/member-details/member-details.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..52a75f4513f55bb8775a91157c27f4275919ef4f
--- /dev/null
+++ b/src/app/components/members/member-details/member-details.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-member-details',
+  templateUrl: './member-details.component.html',
+  styleUrls: ['./member-details.component.scss']
+})
+export class MemberDetailsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/components/members/member-list.component.html b/src/app/components/members/member-table/member-table.component.html
similarity index 100%
rename from src/app/components/members/member-list.component.html
rename to src/app/components/members/member-table/member-table.component.html
diff --git a/src/app/components/members/member-list.component.scss b/src/app/components/members/member-table/member-table.component.scss
similarity index 100%
rename from src/app/components/members/member-list.component.scss
rename to src/app/components/members/member-table/member-table.component.scss
diff --git a/src/app/components/members/member-list.component.spec.ts b/src/app/components/members/member-table/member-table.component.spec.ts
similarity index 58%
rename from src/app/components/members/member-list.component.spec.ts
rename to src/app/components/members/member-table/member-table.component.spec.ts
index 5b518d3b8747ff2a7ec264832a72820456c6cdd1..e6d7b73a9b66dd11605d6fbc606e321916666388 100644
--- a/src/app/components/members/member-list.component.spec.ts
+++ b/src/app/components/members/member-table/member-table.component.spec.ts
@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { MemberListComponent } from './member-list.component';
+import { MemberTableComponent } from './member-table.component';
 
 describe('MembersComponent', () => {
-  let component: MemberListComponent;
-  let fixture: ComponentFixture<MemberListComponent>;
+  let component: MemberTableComponent;
+  let fixture: ComponentFixture<MemberTableComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ MemberListComponent ]
+      declarations: [ MemberTableComponent ]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(MemberListComponent);
+    fixture = TestBed.createComponent(MemberTableComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/components/members/member-list.component.ts b/src/app/components/members/member-table/member-table.component.ts
similarity index 84%
rename from src/app/components/members/member-list.component.ts
rename to src/app/components/members/member-table/member-table.component.ts
index 576d574f2ed176aa27a4f0494f3fb0cbfa9d4d60..d19f864cee4edf9e1b1f26d8a1c2af29a58eff58 100644
--- a/src/app/components/members/member-list.component.ts
+++ b/src/app/components/members/member-table/member-table.component.ts
@@ -1,6 +1,6 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
-import {MemberService} from "../../services/member.service";
-import {Member} from "../../models/member";
+import {MemberService} from "../../../services/member.service";
+import {Member} from "../../../models/member";
 import {HttpErrorResponse} from "@angular/common/http";
 import {MatPaginator} from "@angular/material/paginator";
 import {MatSort} from "@angular/material/sort";
@@ -8,10 +8,10 @@ import {MatTableDataSource} from "@angular/material/table";
 
 @Component({
   selector: 'app-members',
-  templateUrl: './member-list.component.html',
-  styleUrls: ['./member-list.component.scss']
+  templateUrl: './member-table.component.html',
+  styleUrls: ['./member-table.component.scss']
 })
-export class MemberListComponent implements OnInit{
+export class MemberTableComponent implements OnInit{
 
   title = 'Member-Table'
   dataSource!: MatTableDataSource<Member>;