This project aims to parse websites for recipes and present them in a user friendly way.
You can try this project out by visiting the website. The code for this project is available publicly on GitHub.
Project goals
- To be able to host it for free.
- Capture as many websites as possible.
- To be able to add incompatible websites easily.
- Have a responsive web application that is optimized for an iPad.
- Maintain consistent units between recipes.
How it works
The project uses headless Puppeteer running on Firebase functions to parse websites on request. During my investigation phase I found a large portion of websites used the Wordpress Recipe Manager plugin. Given this I could hit a large portion of my favourite websites easily.
The client facing application is written using Angular and @ngbootstrap. What is interesting about this project is that there is no backend endpoint. The client talks directly with the Realtime database and we use Firebase function triggers to parse and respond via the database. Authentication and permissions are done from the ground up on the data itself.


