File architecture and layout component init

angular.json

@@ -92,5 +92,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": "4f33e7fa-04db-4ebd-b6fd-8b5438dbb3ff"
   }
 }

src/app/features/project-display/components/projects-list/project/project.component.html

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

src/app/features/project-display/components/projects-list/project/project.component.ts

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

src/app/features/project-display/components/projects-list/projects-list.component.html

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

src/app/features/project-display/components/projects-list/projects-list.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-projects-list',
+  imports: [],
+  templateUrl: './projects-list.component.html',
+  styleUrl: './projects-list.component.css'
+})
+export class ProjectsListComponent {
+
+}

src/app/layout/components/footer/footer.component.html

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

src/app/layout/components/footer/footer.component.ts

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

src/app/layout/components/header/header.component.html

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

src/app/layout/components/header/header.component.ts

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

src/app/layout/components/main-layout/main-layout.component.html

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

src/app/layout/components/main-layout/main-layout.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-main-layout',
+  imports: [],
+  templateUrl: './main-layout.component.html',
+  styleUrl: './main-layout.component.css'
+})
+export class MainLayoutComponent {
+
+}

src/app/layout/components/sidebar/sidebar.component.html

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

src/app/layout/components/sidebar/sidebar.component.ts

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