The latest articles on DEV Community by Ben Smith (@bs1180). https://dev.to/bs1180 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F557361%2F46e92a02-6ce3-4e0c-bacb-564930885f50.jpeg https://dev.to/bs1180 en Ben Smith Mon, 11 Jan 2021 00:35:31 +0000 https://dev.to/bs1180/eatbeep-simple-drag-and-drop-menu-creator-for-restaurants-52g6 https://dev.to/bs1180/eatbeep-simple-drag-and-drop-menu-creator-for-restaurants-52g6 <h2> What I built </h2> <p>A drag-and-drop web app to let restaurants easily publish their menu online. Complete with QR Code!</p> <h3> Category Submission: </h3> <p>It's a SAAS, intended for the <strong>built for business</strong> category.</p> <h3> App Link </h3> <p><a href="//www.eatbeep.com">www.eatbeep.com</a> / <a href="https://demo.eatbeep.com">demo.eatbeep.com</a></p> <h3> Screenshots </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vyeQjRqi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/w4hh9dohg4tqx5n6yssu.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vyeQjRqi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/w4hh9dohg4tqx5n6yssu.png" alt="Screenshot of Signup screen"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DM4Rl49M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/u9k608n7txlpih2fh6ms.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DM4Rl49M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/u9k608n7txlpih2fh6ms.png" alt="Screenshot of editor"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qL5Gkox9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x2nlvhzfv1nzqkdw27sz.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qL5Gkox9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/x2nlvhzfv1nzqkdw27sz.png" alt="Screenshot of editing a block"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wSiYAzcZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/w6nfem2hovwkcm7aqvk8.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wSiYAzcZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/w6nfem2hovwkcm7aqvk8.png" alt="Screenshot of QR code"></a></p> <h3> Description </h3> <p>Once signed up, the user can easily add blocks to the page and re-arrange them, quickly building a good looking menu. With just one click it's published online at a customisable subdomain.</p> <h3> Link to Source Code </h3> <p><a href="https://github.com/eatbeep/eatbeep">https://github.com/eatbeep/eatbeep</a></p> <h3> Permissive License </h3> <p>MIT</p> <h2> Background </h2> <p>Sadly I've seen several of my favourite restaurants go out of business over the last year due to the pandemic, and I've been keen to find a way to help. I noticed there has been a steady growth in publishing menus online rather than printing them, which is both more hygienic and easier to update - and so this tool enables the transition.</p> <h3> How I built it </h3> <p>This is my first time building something with Elixir, with LiveView powering the UI. It's quite different from my usual stack (React, with Node API), but the end result is quite slick.<br> It's hosted on DO App Platform, which I was pleased with - once the Dockerfile was working, it was plain sailing.</p> <h3> Additional Resources/Info </h3> <p>Photo by <a href="https://unsplash.com/@asnimansari?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Asnim Ansari</a> on <a href="https://unsplash.com/s/photos/food?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a> </p> dohackathon elixir liveview