diff --git a/src/main/webapp/src/app/service/basic-service.ts b/src/main/webapp/src/app/service/basic-service.ts
new file mode 100644
index 0000000..ebf99f1
--- /dev/null
+++ b/src/main/webapp/src/app/service/basic-service.ts
@@ -0,0 +1,7 @@
+import {Observable} from 'rxjs';
+
+export interface BasicService<T, ID> {
+  findAll(): Observable<T[]>;
+
+  findById(id: ID): Observable<T>;
+}
diff --git a/src/main/webapp/src/app/service/crud-service.ts b/src/main/webapp/src/app/service/crud-service.ts
new file mode 100644
index 0000000..b3cce6a
--- /dev/null
+++ b/src/main/webapp/src/app/service/crud-service.ts
@@ -0,0 +1,14 @@
+import {Observable} from 'rxjs';
+import {BasicService} from './basic-service';
+
+export interface CrudService<T, ID> extends BasicService<T, ID> {
+  findAll(): Observable<T[]>;
+
+  findById(id: ID): Observable<T>;
+
+  update(t: T): Observable<T>;
+
+  create(t: T): Observable<T>;
+
+  delete(id: number): Observable<void>;
+}
diff --git a/src/main/webapp/src/app/service/group.service.ts b/src/main/webapp/src/app/service/group.service.ts
new file mode 100644
index 0000000..e901d9c
--- /dev/null
+++ b/src/main/webapp/src/app/service/group.service.ts
@@ -0,0 +1,36 @@
+import { Injectable } from '@angular/core';
+import {CrudService} from "./crud-service";
+import {Observable} from "rxjs";
+import {HttpClient} from "@angular/common/http";
+import {Group} from "../model/group";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class GroupService implements CrudService<Group, number>{
+
+  private apiUrl = 'api/group';
+
+  constructor(private http: HttpClient) {
+  }
+
+  create(t: Group): Observable<Group> {
+    return this.http.post<Group>(this.apiUrl, t)
+  }
+
+  delete(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.apiUrl}/${id}`)
+  }
+
+  findAll(): Observable<Group[]> {
+    return this.http.get<Group[]>(this.apiUrl)
+  }
+
+  findById(id: number): Observable<Group> {
+    return this.http.get<Group>(`${this.apiUrl}/${id}`)
+  }
+
+  update(t: Group): Observable<Group> {
+    return this.http.put<Group>(this.apiUrl, t)
+  }
+}
diff --git a/src/main/webapp/src/app/service/person.service.spec.ts b/src/main/webapp/src/app/service/person.service.spec.ts
new file mode 100644
index 0000000..88fe19e
--- /dev/null
+++ b/src/main/webapp/src/app/service/person.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { PersonService } from './person.service';
+
+describe('PersonService', () => {
+  let service: PersonService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(PersonService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/main/webapp/src/app/service/person.service.ts b/src/main/webapp/src/app/service/person.service.ts
new file mode 100644
index 0000000..e9105be
--- /dev/null
+++ b/src/main/webapp/src/app/service/person.service.ts
@@ -0,0 +1,36 @@
+import { Injectable } from '@angular/core';
+import {CrudService} from "./crud-service";
+import {Person} from "../model/person";
+import {Observable} from "rxjs";
+import {HttpClient} from "@angular/common/http";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class PersonService implements CrudService<Person, number>{
+
+  private apiUrl = 'api/person';
+
+  constructor(private http: HttpClient) {
+  }
+
+  create(t: Person): Observable<Person> {
+    return this.http.post<Person>(this.apiUrl, t)
+  }
+
+  delete(id: number): Observable<void> {
+    return this.http.delete<void>(`${this.apiUrl}/${id}`)
+  }
+
+  findAll(): Observable<Person[]> {
+    return this.http.get<Person[]>(this.apiUrl)
+  }
+
+  findById(id: number): Observable<Person> {
+    return this.http.get<Person>(`${this.apiUrl}/${id}`)
+  }
+
+  update(t: Person): Observable<Person> {
+    return this.http.put<Person>(this.apiUrl, t)
+  }
+}