+ Resources & Tools
+ Thank you for using and showing some ā„ for Nx.
+
+ Here are some links to help you get started.
+
+ Next Steps
+ Here are some things you can do with Nx.
+
+ Add UI library
+
+# Generate UI lib
+ng g @nrwl/angular:lib ui
+
+# Add a component
+ng g @nrwl/angular:component xyz --project ui
+
+
+ View dependency graph
+ nx dep-graph
+
+
+ Run affected commands
+
+# see what's been affected by changes
+ng affected:dep-graph
+
+# run tests for current changes
+ng affected:test
+
+# run e2e tests for current changes
+ng affected:e2e
+
+
+
diff --git a/apps/angular-spotify/src/app/app.component.scss b/apps/angular-spotify/src/app/app.component.scss
new file mode 100644
index 00000000..f222adff
--- /dev/null
+++ b/apps/angular-spotify/src/app/app.component.scss
@@ -0,0 +1,133 @@
+/*
+ * Remove template code below
+ */
+:host {
+ display: block;
+ font-family: sans-serif;
+ min-width: 300px;
+ max-width: 600px;
+ margin: 50px auto;
+}
+
+.gutter-left {
+ margin-left: 9px;
+}
+
+.col-span-2 {
+ grid-column: span 2;
+}
+
+.flex {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+header {
+ background-color: #143055;
+ color: white;
+ padding: 5px;
+ border-radius: 3px;
+}
+
+main {
+ padding: 0 36px;
+}
+
+p {
+ text-align: center;
+}
+
+h1 {
+ text-align: center;
+ margin-left: 18px;
+ font-size: 24px;
+}
+
+h2 {
+ text-align: center;
+ font-size: 20px;
+ margin: 40px 0 10px 0;
+}
+
+.resources {
+ text-align: center;
+ list-style: none;
+ padding: 0;
+ display: grid;
+ grid-gap: 9px;
+ grid-template-columns: 1fr 1fr;
+}
+
+.resource {
+ color: #0094ba;
+ height: 36px;
+ background-color: rgba(0, 0, 0, 0);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ padding: 3px 9px;
+ text-decoration: none;
+}
+
+.resource:hover {
+ background-color: rgba(68, 138, 255, 0.04);
+}
+
+pre {
+ padding: 9px;
+ border-radius: 4px;
+ background-color: black;
+ color: #eee;
+}
+
+details {
+ border-radius: 4px;
+ color: #333;
+ background-color: rgba(0, 0, 0, 0);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ padding: 3px 9px;
+ margin-bottom: 9px;
+}
+
+summary {
+ cursor: pointer;
+ outline: none;
+ height: 36px;
+ line-height: 36px;
+}
+
+.github-star-container {
+ margin-top: 12px;
+ line-height: 20px;
+}
+
+.github-star-container a {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: #333;
+}
+
+.github-star-badge {
+ color: #24292e;
+ display: flex;
+ align-items: center;
+ font-size: 12px;
+ padding: 3px 10px;
+ border: 1px solid rgba(27, 31, 35, 0.2);
+ border-radius: 3px;
+ background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
+ margin-left: 4px;
+ font-weight: 600;
+}
+
+.github-star-badge:hover {
+ background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
+ border-color: rgba(27, 31, 35, 0.35);
+ background-position: -0.5em;
+}
+.github-star-badge .material-icons {
+ height: 16px;
+ width: 16px;
+ margin-right: 4px;
+}
diff --git a/apps/angular-spotify/src/app/app.component.spec.ts b/apps/angular-spotify/src/app/app.component.spec.ts
new file mode 100644
index 00000000..44bf8597
--- /dev/null
+++ b/apps/angular-spotify/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 'angular-spotify'`, () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app.title).toEqual('angular-spotify');
+ });
+
+ it('should render title', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
+ const compiled = fixture.nativeElement;
+ expect(compiled.querySelector('h1').textContent).toContain(
+ 'Welcome to angular-spotify!'
+ );
+ });
+});
diff --git a/apps/angular-spotify/src/app/app.component.ts b/apps/angular-spotify/src/app/app.component.ts
new file mode 100644
index 00000000..e7732a17
--- /dev/null
+++ b/apps/angular-spotify/src/app/app.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'angular-spotify-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.scss'],
+})
+export class AppComponent {
+ title = 'angular-spotify';
+}
diff --git a/apps/angular-spotify/src/app/app.module.ts b/apps/angular-spotify/src/app/app.module.ts
new file mode 100644
index 00000000..7bcb9e9a
--- /dev/null
+++ b/apps/angular-spotify/src/app/app.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+ declarations: [AppComponent],
+ imports: [BrowserModule],
+ providers: [],
+ bootstrap: [AppComponent],
+})
+export class AppModule {}
diff --git a/apps/angular-spotify/src/assets/.gitkeep b/apps/angular-spotify/src/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/angular-spotify/src/environments/environment.prod.ts b/apps/angular-spotify/src/environments/environment.prod.ts
new file mode 100644
index 00000000..c9669790
--- /dev/null
+++ b/apps/angular-spotify/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true,
+};
diff --git a/apps/angular-spotify/src/environments/environment.ts b/apps/angular-spotify/src/environments/environment.ts
new file mode 100644
index 00000000..99c3763c
--- /dev/null
+++ b/apps/angular-spotify/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false,
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
diff --git a/apps/angular-spotify/src/favicon.ico b/apps/angular-spotify/src/favicon.ico
new file mode 100644
index 00000000..317ebcb2
Binary files /dev/null and b/apps/angular-spotify/src/favicon.ico differ
diff --git a/apps/angular-spotify/src/index.html b/apps/angular-spotify/src/index.html
new file mode 100644
index 00000000..f31d0188
--- /dev/null
+++ b/apps/angular-spotify/src/index.html
@@ -0,0 +1,13 @@
+
+
+
+ 
+