Company Cookbook Microsoft Teams App Demo

Company Cookbook enables employees to easily share their favorite nutritional recipes on Microsoft Teams by just pasting a link. The app will then generate a preview and add it to the Company Cookbook tab in Teams.

[@evelynosh]

What app did you use in Microsoft Teams channel to create the tiles?

[@MkFlier]

It was a custom app I built for teams for a hackathon project. It is written in NodeJS with Express on the backend. It was never close to production quality. You can find the code in my GitHub repo here: github.com/MkFoster/companycookbook The tiles are HTML div elements with an img tag, a heading, and a couple paragraphs for the site name and recipe description. You can see the template here: github.com/MkFoster/companycookbook/blob/main/views/pages/index.ejs
You can achieve something similar using the MS Teams List app and showing the list in "Gallery" mode. Add a new tab and choose the "Lists" app.

[@evelynosh]

Thank you for the tips! The list app with a gallery view gets me close enough to a similar appearance.