feat: add App component

src/app/App/model/AppModel.ts

@@ -0,0 +1,11 @@
+import AppView from '../view/AppView.ts';
+
+class AppModel {
+  private appView: AppView = new AppView();
+
+  public getHTML(): HTMLDivElement {
+    return this.appView.getHTML();
+  }
+}
+
+export default AppModel;

src/app/App/view/AppView.ts

@@ -0,0 +1,27 @@
+import { TAG_NAMES } from '@/shared/constants/enums.ts';
+import createBaseElement from '@/shared/utils/createBaseElement.ts';
+
+import APP_STYLES from './appView.module.scss';
+
+class AppView {
+  private pagesContainer: HTMLDivElement;
+
+  constructor() {
+    this.pagesContainer = this.createHTML();
+  }
+
+  private createHTML(): HTMLDivElement {
+    this.pagesContainer = createBaseElement({
+      cssClasses: [APP_STYLES.siteWrapper],
+      tag: TAG_NAMES.DIV,
+    });
+
+    return this.pagesContainer;
+  }
+
+  public getHTML(): HTMLDivElement {
+    return this.pagesContainer;
+  }
+}
+
+export default AppView;

src/main.ts

@@ -1 +1,5 @@
+import AppModel from '@/app/App/model/AppModel.ts';
 import '@/styles.scss';
+
+const myApp = new AppModel();
+document.body.append(myApp.getHTML());