+
+
+
+
+
+ Rocket Ship
+
+
+
+
+
+
+
+
+
+
{{ title }} app is running!
+
+
+ Rocket Ship Smoke
+
+
+
+
+
+
+
Resources
+
Here are some links to help you get started:
+
+
+
+
+
Next Steps
+
What do you want to do next with your app?
+
+
+
+
+
+
+ New Component
+
+
+
+
+ Angular Material
+
+
+
+
+ Add PWA Support
+
+
+
+
+ Add Dependency
+
+
+
+
+ Run and Watch Tests
+
+
+
+
+ Build for Production
+
+
+
+
+
+
ng generate component xyz
+
ng add @angular/material
+
ng add @angular/pwa
+
ng add _____
+
ng test
+
ng build
+
+
+
+
+
+
+
+
+
+ Gray Clouds Background
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tacocloud-ui/src/app/app.component.spec.ts b/tacocloud-ui/src/app/app.component.spec.ts
new file mode 100644
index 0000000..4e4deba
--- /dev/null
+++ b/tacocloud-ui/src/app/app.component.spec.ts
@@ -0,0 +1,31 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [
+ AppComponent
+ ],
+ }).compileComponents();
+ });
+
+ it('should create the app', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app).toBeTruthy();
+ });
+
+ it(`should have as title 'tacocloud-ui'`, () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app.title).toEqual('tacocloud-ui');
+ });
+
+ it('should render title', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
+ const compiled = fixture.nativeElement as HTMLElement;
+ expect(compiled.querySelector('.content span')?.textContent).toContain('tacocloud-ui app is running!');
+ });
+});
diff --git a/tacocloud-ui/src/app/app.component.ts b/tacocloud-ui/src/app/app.component.ts
new file mode 100644
index 0000000..a4984f1
--- /dev/null
+++ b/tacocloud-ui/src/app/app.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+ title = 'tacocloud-ui';
+}
diff --git a/tacocloud-ui/src/app/app.module.ts b/tacocloud-ui/src/app/app.module.ts
new file mode 100644
index 0000000..be9cd65
--- /dev/null
+++ b/tacocloud-ui/src/app/app.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent } from './app.component';
+import { RecentsComponent } from './recents/recents.component';
+import { DesignComponent } from './design/design.component';
+
+@NgModule({
+ declarations: [
+ AppComponent,
+ RecentsComponent,
+ DesignComponent
+ ],
+ imports: [
+ BrowserModule
+ ],
+ providers: [],
+ bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/tacocloud-ui/src/app/design/design.component.css b/tacocloud-ui/src/app/design/design.component.css
new file mode 100644
index 0000000..a0ef795
--- /dev/null
+++ b/tacocloud-ui/src/app/design/design.component.css
@@ -0,0 +1,10 @@
+div.ingredientsblock {
+ width: 1000px;
+}
+
+input.nameField {
+ font-size: 16pt;
+ background: none;
+ border: none;
+ border-bottom: 1px solid #003366;
+}
diff --git a/tacocloud-ui/src/app/design/design.component.html b/tacocloud-ui/src/app/design/design.component.html
new file mode 100644
index 0000000..6b54c68
--- /dev/null
+++ b/tacocloud-ui/src/app/design/design.component.html
@@ -0,0 +1,42 @@
+We provide a palette of fresh ingredients...you provide the inspiration! Select the
+ components that will come together as your crowning achievement of taco workmanship.
+
+