Work over settinging components tree and over design

src/app/components/answer-question/answer-question.component.html

@@ -0,0 +1 @@
+<p>answer-question works!</p>

src/app/components/answer-question/answer-question.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AnswerQuestionComponent } from './answer-question.component';
+
+describe('AnswerQuestionComponent', () => {
+  let component: AnswerQuestionComponent;
+  let fixture: ComponentFixture<AnswerQuestionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AnswerQuestionComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AnswerQuestionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/answer-question/answer-question.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-answer-question',
+  standalone: true,
+  imports: [],
+  templateUrl: './answer-question.component.html',
+  styleUrl: './answer-question.component.css'
+})
+export class AnswerQuestionComponent {
+
+}

src/app/components/answer-question/submit-modal/submit-modal.component.html

@@ -0,0 +1 @@
+<p>submit-modal works!</p>

src/app/components/answer-question/submit-modal/submit-modal.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubmitModalComponent } from './submit-modal.component';
+
+describe('SubmitModalComponent', () => {
+  let component: SubmitModalComponent;
+  let fixture: ComponentFixture<SubmitModalComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SubmitModalComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SubmitModalComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/answer-question/submit-modal/submit-modal.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-submit-modal',
+  standalone: true,
+  imports: [],
+  templateUrl: './submit-modal.component.html',
+  styleUrl: './submit-modal.component.css'
+})
+export class SubmitModalComponent {
+
+}

src/app/components/instruction/instruction.component.html

@@ -0,0 +1 @@
+<p>instruction works!</p>

src/app/components/instruction/instruction.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InstructionComponent } from './instruction.component';
+
+describe('InstructionComponent', () => {
+  let component: InstructionComponent;
+  let fixture: ComponentFixture<InstructionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [InstructionComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(InstructionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/instruction/instruction.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-instruction',
+  standalone: true,
+  imports: [],
+  templateUrl: './instruction.component.html',
+  styleUrl: './instruction.component.css'
+})
+export class InstructionComponent {
+
+}

src/app/components/login/login.component.html

@@ -0,0 +1 @@
+<p>login works!</p>

src/app/components/login/login.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+
+describe('LoginComponent', () => {
+  let component: LoginComponent;
+  let fixture: ComponentFixture<LoginComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LoginComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(LoginComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/login/login.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  standalone: true,
+  imports: [],
+  templateUrl: './login.component.html',
+  styleUrl: './login.component.css'
+})
+export class LoginComponent {
+
+}

src/app/components/menu/asside-menu/asside-menu.component.html

@@ -0,0 +1 @@
+<p>asside-menu works!</p>

src/app/components/menu/asside-menu/asside-menu.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AssideMenuComponent } from './asside-menu.component';
+
+describe('AssideMenuComponent', () => {
+  let component: AssideMenuComponent;
+  let fixture: ComponentFixture<AssideMenuComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AssideMenuComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AssideMenuComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/menu/asside-menu/asside-menu.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-asside-menu',
+  standalone: true,
+  imports: [],
+  templateUrl: './asside-menu.component.html',
+  styleUrl: './asside-menu.component.css'
+})
+export class AssideMenuComponent {
+
+}

src/app/components/menu/menu.component.html

@@ -0,0 +1 @@
+<p>menu works!</p>

src/app/components/menu/menu.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MenuComponent } from './menu.component';
+
+describe('MenuComponent', () => {
+  let component: MenuComponent;
+  let fixture: ComponentFixture<MenuComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [MenuComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MenuComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/menu/menu.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-menu',
+  standalone: true,
+  imports: [],
+  templateUrl: './menu.component.html',
+  styleUrl: './menu.component.css'
+})
+export class MenuComponent {
+
+}

src/app/components/profile/achievements/achievements.component.html

@@ -0,0 +1 @@
+<p>achievements works!</p>

src/app/components/profile/achievements/achievements.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AchievementsComponent } from './achievements.component';
+
+describe('AchievementsComponent', () => {
+  let component: AchievementsComponent;
+  let fixture: ComponentFixture<AchievementsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AchievementsComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AchievementsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/profile/achievements/achievements.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-achievements',
+  standalone: true,
+  imports: [],
+  templateUrl: './achievements.component.html',
+  styleUrl: './achievements.component.css'
+})
+export class AchievementsComponent {
+
+}

src/app/components/profile/featured-category/featured-category.component.html

@@ -0,0 +1 @@
+<p>featured-category works!</p>

src/app/components/profile/featured-category/featured-category.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FeaturedCategoryComponent } from './featured-category.component';
+
+describe('FeaturedCategoryComponent', () => {
+  let component: FeaturedCategoryComponent;
+  let fixture: ComponentFixture<FeaturedCategoryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FeaturedCategoryComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(FeaturedCategoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/profile/featured-category/featured-category.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-featured-category',
+  standalone: true,
+  imports: [],
+  templateUrl: './featured-category.component.html',
+  styleUrl: './featured-category.component.css'
+})
+export class FeaturedCategoryComponent {
+
+}

src/app/components/profile/profile.component.html

@@ -0,0 +1 @@
+<p>profile works!</p>

src/app/components/profile/profile.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProfileComponent } from './profile.component';
+
+describe('ProfileComponent', () => {
+  let component: ProfileComponent;
+  let fixture: ComponentFixture<ProfileComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ProfileComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ProfileComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/profile/profile.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-profile',
+  standalone: true,
+  imports: [],
+  templateUrl: './profile.component.html',
+  styleUrl: './profile.component.css'
+})
+export class ProfileComponent {
+
+}

src/app/components/recover-account/recover-account.component.html

@@ -0,0 +1 @@
+<p>recover-account works!</p>

src/app/components/recover-account/recover-account.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RecoverAccountComponent } from './recover-account.component';
+
+describe('RecoverAccountComponent', () => {
+  let component: RecoverAccountComponent;
+  let fixture: ComponentFixture<RecoverAccountComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RecoverAccountComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(RecoverAccountComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/recover-account/recover-account.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-recover-account',
+  standalone: true,
+  imports: [],
+  templateUrl: './recover-account.component.html',
+  styleUrl: './recover-account.component.css'
+})
+export class RecoverAccountComponent {
+
+}

src/app/components/review-questions/review-modal/review-modal.component.html

@@ -0,0 +1 @@
+<p>review-modal works!</p>