The latest articles on DEV Community by Allan (@allanmwirigi). https://dev.to/allanmwirigi 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%2F539051%2F4b5504cf-c31b-40f8-95d1-9187c8f44c9d.jpeg https://dev.to/allanmwirigi en Allan Fri, 08 Jan 2021 21:16:53 +0000 https://dev.to/allanmwirigi/collab-space-digitalocean-app-platform-hackathon-submission-4j3g https://dev.to/allanmwirigi/collab-space-digitalocean-app-platform-hackathon-submission-4j3g <h2> What I built </h2> <h4> Collab Space </h4> <h3> Category Submission </h3> <p>Built for Business</p> <h3> Screenshots </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NnE5incd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/alzc32cr20gbnnpp9mq1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NnE5incd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/alzc32cr20gbnnpp9mq1.png" alt="Alt Text"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--022G52cG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/0jrx3ccbdsv55waa448k.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--022G52cG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/0jrx3ccbdsv55waa448k.png" alt="Alt Text"></a><br><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PMh7hIDV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bnqsg1w24e8e4xxurlrf.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PMh7hIDV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bnqsg1w24e8e4xxurlrf.png" alt="Alt Text"></a></p> <h3> Description </h3> <p>An interactive, synced workspace for collaborative doodling and chat.<br> Users can create a common workspace which can accessed by a WorkspaceName and Password. <br> Members of the workspace can work on and edit the same whiteboard as well as chat with each other.</p> <h3> Link to Source Code </h3> <p><a href="https://github.com/AllanMwirigi/collab-space-frontend">https://github.com/AllanMwirigi/collab-space-frontend</a><br> <a href="https://github.com/AllanMwirigi/collab-space">https://github.com/AllanMwirigi/collab-space</a></p> <h3> Permissive License </h3> <p>MIT</p> <h2> Background </h2> <p>With the pandemic, a lot of activites are going online. I wanted to build something that would help work collegues to interact, collaborate and share their ideas online.</p> <h3> How I built it </h3> <p>It is built in React and NodeJs.<br> It uses Socket.Io to handle the interactivity.<br> It is hosted on DigitalOcean App Platform. This was probably the easiest deployment I have ever made!</p> <h3> Additional Info </h3> <p>Also implemented video calls with PeerJs. But this has a few performace issues and bugs, so I've left it out for now.<br> I will fix these in due time.</p> dohackathon node react socketio