rbrock44 / family-recipes

holds all the family recipes

Family Recipes

Live Website

This wesbite was created for my grandma (and family) to hold our family recipes. The benefit the website provides over a cookbook is quicker search access and the ability to easily change the number of batches.

Seach

A search fires off for every typed character. Every word seperated by a space in the search bar has to be found in either the title, author or number.

Advanced Search

Advanced search allows the option to only show the hooper family or select a specific category

Results

The results are shown below in a table. The table can be sorted by any column. Click on a recipe to see more details

Recipe Page

The recipe page shows the title, author, ingredients and instructions for the recipe. The batch control allows the ability to alter the number of batches. The heart favorites the recipe. The top left navigation bar can be used to quickly go forward or backward through results.

Favorites

The favorites table contain all recipes that have been hearted. Can be sorted by any column

Local Development server

One of the following:

1. npm run start - Navigate to http://localhost:4200/
2. ng serve - Navigate to http://localhost:4200/
3. ng serve -o - opens browser to url

Deploy to Live Website

Step 1: npm run deploy
Step 2: npm run gh-pages