The latest articles on Forem by goodbytes (@goodbytes). https://forem.com/goodbytes 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%2F22582%2Fc5554e4f-2c01-4b28-a084-c8f821209b6b.png https://forem.com/goodbytes en goodbytes Tue, 08 Jan 2019 12:31:54 +0000 https://forem.com/goodbytes/side-project-meetmonoclecom-214k https://forem.com/goodbytes/side-project-meetmonoclecom-214k <p>Hi devs, </p> <p>in order to learn firebase in combination with building something useful, I built <a href="https://meetmonocle.com">the following small app</a> to let you manage client feedback easier. I'd be delighted if any of you could find the time to try it out and give me your feedback. <strong>I'm especially interested in knowing if this is something you would use or not at all.</strong></p> <p><em>tech stack</em>: vuejs + firebase + sass + parcel♥</p> <p>A friend of mine at a web development agency reached out to me asking if I knew a good tool that would let their clients give feedback on the online stores. I pointed them to the several excellent tools out there that allow you to upload your designs and get feedback on them (like sketch cloud or redpen).</p> <p>This wasn't what they were looking for because uploading 60+ screenshots for desktop, mobile, ... was just too cumbersome so they asked if it would be possible to build something that used the real web page on a real device as a basis to give feedback on.</p> <p>I ended up with a small widget that can be added in minutes to any page. Clients can point &amp; click and submit their feedback, while developers can easily see what browser or device a client was using. </p> <p>The widget looks like this:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OT4wnpS2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/jklk3hlftfg5or7j0s30.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OT4wnpS2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/jklk3hlftfg5or7j0s30.png" alt="Monocle Feedback Widget"></a></p> <p>Developers or teams receive the feedback instantly: </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--02-oePXN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://res.cloudinary.com/meetmonocle/image/upload/v1546544749/meetmonocle.com/tutorial2.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--02-oePXN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://res.cloudinary.com/meetmonocle/image/upload/v1546544749/meetmonocle.com/tutorial2.gif" alt="Monocle Inbox"></a></p> <p>Check it out at <a href="https://meetmonocle.com">https://meetmonocle.com</a></p> <p>The first one to give me some feedback and spot the dev.to reference in the page gets a free pro account! </p> <p>Let me know if you're interested in my experience with firebase or if I can help in any other way.</p> showdev webdev vue productivity goodbytes Mon, 20 Aug 2018 13:39:20 +0000 https://forem.com/goodbytes/i-teach-web-development-in-college-and-have-done-so-for-10-years-to-500-students-ama-5m6 https://forem.com/goodbytes/i-teach-web-development-in-college-and-have-done-so-for-10-years-to-500-students-ama-5m6 ama