diff --git a/src/app/login/login.component.css b/src/app/login/login.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
new file mode 100644
index 0000000..74a3403
--- /dev/null
+++ b/src/app/login/login.component.html
@@ -0,0 +1,4 @@
+<p-floatlabel variant="on">
+  <input pInputText id="on_label" [(ngModel)]="name" autocomplete="off" />
+  <label for="on_label">On Label</label>
+</p-floatlabel>
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
new file mode 100644
index 0000000..e711392
--- /dev/null
+++ b/src/app/login/login.component.ts
@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import {FormsModule} from '@angular/forms';
+
+@Component({
+  selector: 'app-login',
+  standalone: true,
+  imports: [
+    FormsModule
+  ],
+  templateUrl: './login.component.html',
+  styleUrl: './login.component.css'
+})
+export class LoginComponent {
+  name: string = "";
+
+}
diff --git a/src/app/services/author.service.ts b/src/app/services/author.service.ts
new file mode 100644
index 0000000..c02134e
--- /dev/null
+++ b/src/app/services/author.service.ts
@@ -0,0 +1,18 @@
+import {Injectable} from '@angular/core';
+import {HttpClient} from '@angular/common/http';
+import {Observable} from 'rxjs';
+import {Author} from '../model/author';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthorService {
+
+  constructor(private httpClient: HttpClient) {
+
+  }
+
+  list(): Observable<Author[]> {
+    return this.httpClient.get<Author[]>("http://localhost:8080/api/authors");
+  }
+}
diff --git a/src/app/services/post.service.ts b/src/app/services/post.service.ts
new file mode 100644
index 0000000..cbadae1
--- /dev/null
+++ b/src/app/services/post.service.ts
@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class PostService {
+
+  constructor() { }
+}