embarklabs · iamonuwa · Sep 15, 2018 · Sep 29, 2018 · 0x-r4bbit · Oct 1, 2018
diff --git a/app/app/app.component.css b/app/app/app.component.css
diff --git a/app/app/app.component.html b/app/app/app.component.html
@@ -0,0 +1 @@
+<h1>Embark Application</h1>
diff --git a/app/app/app.component.ts b/app/app/app.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+
+@Component({
+  selector: 'embark-app',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent { }
diff --git a/app/app/app.module.ts b/app/app/app.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule }  from '@angular/platform-browser';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  imports: [
+    BrowserModule
+  ],
+  declarations: [
+    AppComponent
+  ],
+  bootstrap: [ AppComponent ]
+})
+export class AppModule { }
diff --git a/app/environments/environment.prod.ts b/app/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+    production: true
+}
diff --git a/app/environments/environment.ts b/app/environments/environment.ts
@@ -0,0 +1,3 @@
+export const environment = {
+    production: false
+}
diff --git a/app/index.html b/app/index.html
@@ -1,11 +1,12 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <base href="/">
     <title>Embark</title>
-    <link rel="stylesheet" href="css/app.css">
-    <script src="js/app.js"></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
-    <h3>Welcome to Embark!</h3>
-    <p>See the <a href="http://embark.readthedocs.io/en/latest/index.html" target="_blank">Embark's documentation</a> to see what you can do with Embark!</p>
+    <embark-app>Loading...</embark-app>
   </body>
-</html>
+</html>
diff --git a/app/main.ts b/app/main.ts
@@ -0,0 +1,10 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode } from '@angular/core';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+if (environment.production) {
+    enableProdMode();
+  }
+
+platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/app/polyfills.ts b/app/polyfills.ts
@@ -0,0 +1,4 @@
+import 'core-js/es6';
+import 'core-js/es7/reflect';
+
+require('zone.js/dist/zone');
diff --git a/app/style.css b/app/style.css
diff --git a/app/vendor.ts b/app/vendor.ts
@@ -0,0 +1,3 @@
+import '@angular/platform-browser';
+import '@angular/platform-browser-dynamic';
+import '@angular/core';
diff --git a/chains.json b/chains.json
@@ -0,0 +1 @@
+{}
diff --git a/embark.json b/embark.json
@@ -1,8 +1,8 @@
 {
   "contracts": ["contracts/**"],
   "app": {
-    "css/app.css": ["app/css/**"],
-    "js/app.js": ["app/js/index.ts"],
+    "css/app.css": ["app/style.css"],
+    "js/app.js": ["app/main.ts"],
     "images/": ["app/images/**"],
     "index.html": "app/index.html"
   },