This project holds all the family recipes (and more)
Live - Family Recipes 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.
To add a recipe use Add Recipe
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 allows the option to only show the Hooper family or select a specific category
The results are shown below in a table. The table can be sorted by any column. Click on a recipe to see more details
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.
The favorites table contain all recipes that have been hearted. Can be sorted by any column
- Framework:
Angular 13 - Testing:
Karma - Deployment:
GitHub Pages
npm install
npm start
- Unit
- ng test || npm run test
- Integration
- ng e2e || npm run e2e
- Build
- Trigger: On Push to Main
- Action(s): Builds application then kicks off gh page action to deploy build output
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run npm run prod to build and deploy the project. Make sure to be on master and that it is up to date before running the command. It's really meant to be a CI/CD action