First steps in React and TypeScript — Diet Planner App

Sample Code that queries the Firestore collections for references of the item and then constructs client collections from those to pass to the update function.
Passing the collections to a function that updates the references for all occurrences.
Diet builder screen on desktop
Same Diet builder screen but rendered on a mobile device inside the browser.
Viewer screen on both desktop and mobile device rendering the same React components.
Adding a recipe to the library. Same components but different layout on desktop and mobile.

Driven by all things creative