diff --git a/src/app.component.ts b/src/app.component.ts
new file mode 100644
index 0000000..f8edd54
--- /dev/null
+++ b/src/app.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+import {RouterModule} from '@angular/router';
+@Component({
+    selector: 'app-root',
+    standalone: true,
+    imports: [RouterModule],
+    template:`<router-outlet></router-outlet>`,
+})
+export class AppComponent {}
diff --git a/src/app.config.ts b/src/app.config.ts
new file mode 100644
index 0000000..459d0b9
--- /dev/null
+++ b/src/app.config.ts
@@ -0,0 +1,16 @@
+import { provideHttpClient, withFetch } from '@angular/common/http';
+import { ApplicationConfig } from '@angular/core';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { provideRouter, withEnabledBlockingInitialNavigation, withInMemoryScrolling } from '@angular/router';
+import { providePrimeNG } from 'primeng/config';
+import Aura from '@primeng/themes/aura';
+import { routes } from '@/src/routes';
+
+export const appConfig: ApplicationConfig = {
+    providers: [
+        provideRouter(routes, withInMemoryScrolling({ anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled' }), withEnabledBlockingInitialNavigation()),
+        provideHttpClient(withFetch()),
+        provideAnimationsAsync(),
+        providePrimeNG({ theme: {preset: Aura, options: { darkModeSelector: '.app-dark'}}, ripple: false, inputStyle: 'outlined' })
+    ]
+};