init Project ✌️✌️

client/src/app/features/home/home.component.html

@@ -0,0 +1,7 @@
+<p>home works!</p>
+<asl-google-signin-button
+  type="standard"
+  shape="pill"
+  text="signin_with"
+  size="large"
+></asl-google-signin-button>

client/src/app/features/home/home.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+  let component: HomeComponent;
+  let fixture: ComponentFixture<HomeComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [HomeComponent]
+    });
+    fixture = TestBed.createComponent(HomeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

client/src/app/features/home/home.component.ts

@@ -0,0 +1,23 @@
+import {
+  GoogleSigninButtonModule,
+  SocialAuthService,
+} from '@abacritt/angularx-social-login';
+import { Component, OnInit } from '@angular/core';
+import { AppModule } from 'src/app/app.module';
+
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.css'],
+  imports: [GoogleSigninButtonModule],
+  standalone: true,
+})
+export class HomeComponent implements OnInit {
+  constructor(private _authService: SocialAuthService) {}
+
+  ngOnInit(): void {
+    this._authService.authState.subscribe((user) => {
+      console.log(user);
+    });
+  }
+}