Add links to GitHub and Vercel

README.md

@@ -2,6 +2,10 @@
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.7.
 
+## Try It
+This app is deployed on [Vercel](https://udemy-angular-complete-guide-course-project-git-master.dennishartrampf.vercel.app/).
+You can visit it and click around.
+
 ## Development server
 
 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

src/app/header/header.component.html

@@ -8,12 +8,19 @@
     </div>
     <div class="navbar-collapse" [class.collapse]="collapsed" (window:resize)="collapsed = true">
       <ul class="nav navbar-nav">
-        <li routerLinkActive="active"><a routerLink="/recipes" >Recipes</a></li>
+        <li routerLinkActive="active"><a routerLink="/recipes">Recipes</a></li>
         <li routerLinkActive="active"><a routerLink="/shopping-list">Shopping List</a></li>
       </ul>
       <ul class="nav navbar-nav navbar-right">
+        <li>
+          <a href="https://github.com/DennisHartrampf/udemy-angular-complete-guide-course-project"
+             target="_blank">
+            View Sources
+          </a>
+        </li>
         <li class="dropdown" appDropdown>
-          <a style="cursor:pointer;" class="dropdown-toggle" role="button">Manage <span class="caret"></span></a>
+          <a style="cursor:pointer;" class="dropdown-toggle" role="button">Manage <span
+              class="caret"></span></a>
           <ul class="dropdown-menu">
             <li><a style="cursor:pointer;">Save Data</a></li>
             <li><a style="cursor:pointer;">Load Data</a></li>