@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';

  addPage() {
    //Code here to move to add page
  }
  submitSearch() {
    //Code here to submit search
  }
  shoppingCart() {
    //Code here to move to shopping cart
  }
}
Updated main page to include just the top navigation

card component the new main page. Left main page component in so that
the original code is there, as well as the general outline for the
other pages. Recipes still need to be loaded in from the backend, as
they are currently pre-loaded. Also needs to be connected so the add,
shopping cart, edit, and delete commands perform the correct tasks.

of these components for html, css, ts, and spec.ts. HTML and CSS files
were updated with code from stackblitz. Apparently this thing also
thinks I changed the app.module.ts file, but I do not think I did.