The following is a selection of some of the unique challenges our development team faced, and the solutions we delivered in response.

Project Highlight: Online Interactive Healthcare

Beamworks worked with a Toronto-based healthcare platform provider to extend the provider’s React-based web front-end with advanced features such as realtime chat, a robust initial user onboarding experience and improved video call features. In parallel, the code compilation infrastructure was smoothly transitioned from using Browserify to Webpack.

The team confidently kept up with the project’s brisk timeline expectations and evolving specification surface. The build-out presented challenges unique to the healthcare industry: stringent privacy and compliance concerns, strong emphasis on simplicity, readability and usability, broad set of supported user devices (ranging from legacy PC desktops to iPhones).

Project Highlight: Google Chrome Calendar Extension

A browser extension is a somewhat unexpected place to apply an app-scale Web framework, but Beamworks found a natural fit for a React-driven front-end architecture in this engagement. Long-time DevOps practitioners, the development team customized a traditional Webpack build pipeline in order to automatically generate deployable Chrome Web Store artifacts, and leveraged existing React component workflow to populate the extension user interface.

The browser extension was built to offer conventional user sign-in and session management, in order to seamlessly augment an existing G Suite application (Google Calendar). Full product branding was preserved across the embedded user interface elements.

Project Highlight: Desktop Video Client in Electron (Chromium Embedded Framework)

A Toronto-based healthcare platform provider faced a difficult dilemma: needing to integrate a native desktop screensharing SDK while avoiding the significant costs and timelines of replicating the complex existing web-based interface using the native OS platform widgets. Beamworks helped architect and build a solution using a best-of-both-worlds approach with the Electron native app framework as the foundation.

The team built out a user interface using the React Web framework and existing tools like Webpack to maximize codebase and skill reuse for current and new web developers on staff. Native SDK video frame and API calls were integrated into the JavaScript codebase using the V8/Node.js C++ add-on toolkit, keeping the C++ overhead work to a minimum. The resulting interface had no performance slow-down and benefited from the rapid iteration and cost reduction that web technologies help enable.

Project Highlight: RheumInfo Website

RheumInfo is a prominent and well-trafficked informational resource for arthritis patients and doctors, sponsored by many prominent pharmaceutical brands. Even though the service was based on the WordPress CMS as the backend, Beamworks development team and the project stakeholders approached the entire effort as a mobile-first user interface build-out. Beamworks handled the front-end portion of the build, including custom WordPress theme, markup and styling, as well as parsing post metadata to enable app-like selection UI.

User device support and accessibility concerns were a top priority: style breakpoints and UX interactivity adjustments were implemented for several mobile screen sizes as well as desktop and tablet formats. Much consideration went into the workflow for the copywriting and medical content vetting staff: reusable shortcodes and resilient markup were employed to help avoid visual regressions in the interface. The WordPress theme deployment was managed with a modern application DevOps pipeline using Gulp.