<div class="elementor-element elementor-element-1dcf0a4 elementor-widget elementor-widget-heading" data-id="1dcf0a4" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<div class="elementor-element elementor-element-1dcf0a4 elementor-widget elementor-widget-heading" data-id="1dcf0a4" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<div class="elementor-element elementor-element-add954d elementor-widget elementor-widget-heading" data-id="add954d" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<div class="elementor-element elementor-element-1dcf0a4 elementor-widget elementor-widget-heading" data-id="1dcf0a4" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">Background</h4>
</div>
<p>In fall of 2021, the decision was made to modernize the membership process of Homenetmen Toronto. Up to this point, there wasn&#8217;t even a website to build off of, and everything would need to be designed and developed from scratch. Many options were considered, including out-of-the-box solutions like Squarespace, Square and even some specialized options like PowerUp. We concluded that a custom solution was required.</p>
</div>
<div class="elementor-element elementor-element-1d149e2 elementor-widget elementor-widget-text-editor" data-id="1d149e2" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div class="elementor-text-editor elementor-clearfix">
<p>&nbsp;</p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-add954d elementor-widget elementor-widget-heading" data-id="add954d" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">Project</h4>
</div>
</div>
<div class="elementor-element elementor-element-1a9ed5f elementor-widget elementor-widget-text-editor" data-id="1a9ed5f" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<div class="elementor-text-editor elementor-clearfix">
<p>&nbsp;</p>
<p>We set off with designing an infrastructure that consisted of a public-facing website, an admin site, a headless CMS powered by WordPress and a Node.js API middleware that would handle auth and db calls for both front-end applications. For storage and authentication, Firebase was chosen for speed of development and cost restrictions.</p>
<p>&nbsp;</p>
<p>Next.js was used to build the public-facing and admin sites, paired with TailwindCSS for quick styling. For the membership system, a custom solution was built leveraging Bambora&#8217;s forms and APIs for payments, Firebase for data storage and user accounts, and Sendgrid for communications. All dynamic content for the site comes from a headless instance of WordPress, with it&#8217;s own auth and membership system to manage executive/leadership access. The sites and API were hosted with Vercel.</p>
<p>&nbsp;</p>
<h4 class="elementor-heading-title elementor-size-default">Results</h4>
</div>
<p>In its first year of operation, the site processed over $48,000 CAD in membership payments, with over 440 members registering. The project was lauded as a massive success, setting a record for registrations and modernizing a severely outdated process, allowing for efficient auditing and management.</p>
</div>
</div>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
</div>


Homenetmen Toronto

Role

What

Where

When

Next.js, React, Node.js, Firebase, Sendgrid, Vercel, Bambora, Headless Wordpress

Arthur

Boyadjian