Boardshare Web App

Web developers are often offered the option to work remotely with a team, where we can’t hear each other, see each other, share our screens, nor write on the same piece of paper. We find ourselves constantly juggling multiple tools and applications to remedy the situation. Thus the idea to create Boardshare, a collaborative whiteboard, code-editor, and video chat web application.

For speed we executed our web development in a lean and agile fashion without any static deliverables. To gather user feedback early and often all interactions were prototyped with HTML/CSS/JS mockups live in the browser. Between our incremental builds, we tested and validated our UX/UI design decisions with professional software engineers.

Boardshare is a minimum viable product done remotely over the course of 3 weeks in collaboration with my friends.

Collateral:
Web application.

Involvement:
Scrum facilitation, UI design, and full-stack JavaScript development.

Tools:
MongoDB, WebRTC, Socket.io, Express, Browserify, HandlebarsJS, Gulp, PassportJS, jQuery, and HTML5/CSS3.

Boardshare allows you to pair program in just one window.

1welcome1welcome

Video calling feature and real-time data synchronization powered by WebRTC.

22

Whiteboard implemented with Fabric.js, an HTML5 Canvas library.

User sessions profiled with Github Oauth and stored in MongoDB.

Works on Chrome, Firefox, and Opera.

[unex_ce_button id="content_35a3e8gqf" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://github.com/chiangchendah/Boardshare" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]View on GitHub[/ce_button]