Merge pull request #3 from actionanand/features/1-http-feature

colorful console messages

Author: actionanand

Diff for: README.md

@@ -231,3 +231,4 @@ To configure the pre-commit hook, simply add a `precommit` npm script. We want t
 
 - [GitHub Actions for Angular](https://github.com/rodrigokamada/angular-github-actions)
 - [Angular 16 - milestone release](https://github.com/actionanand/ng16-signal-milestone-release)
+- [Colorful Console Message](https://www.samanthaming.com/tidbits/40-colorful-console-message/)

Diff for: src/app/app.component.ts

@@ -10,4 +10,15 @@ import { UserPlacesComponent } from './places/user-places/user-places.component'
   styleUrl: './app.component.css',
   imports: [AvailablePlacesComponent, UserPlacesComponent],
 })
-export class AppComponent {}
+export class AppComponent {
+  styles = ['color: indigo', 'background: #90EE90', 'font-weight: bold', 'font-size: 18px'].join(';');
+
+  constructor() {
+    console.log(
+      '%cUse local setup by cloning the project to see it in full power with backend api calls.',
+      'color: green; background: yellow; font-size: 23px',
+    );
+    console.log('%c%s', this.styles, `git clone https://github.com/actionanand/angular-http-project.git`);
+    console.log('GitHub Location: ' + 'https://github.com/actionanand/angular-http-project');
+  }
+}