feat(challengestandalone): challenge standalone

apps/module-to-standalone/src/app/app.component.ts

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  template: ` <div class="flex gap-2">
+      <button
+        routerLink="home"
+        class="border px-4 py-2 border-blue-400 rounded-md">
+        Home
+      </button>
+      <button
+        routerLink="admin"
+        class="border px-4 py-2 border-blue-400 rounded-md">
+        Admin
+      </button>
+      <button
+        routerLink="user"
+        class="border px-4 py-2 border-blue-400 rounded-md">
+        User
+      </button>
+    </div>
+    <router-outlet></router-outlet>`,
+  host: {
+    class: 'flex flex-col p-4 gap-3',
+  },
+})
+export class AppComponent {}

apps/module-to-standalone/src/app/app.module.ts

@@ -0,0 +1,11 @@
+import { MainShellModule } from '@angular-challenges/module-to-standalone/shell';
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, MainShellModule],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}