Elmer Erana

A curated portfolio platform for models and creatives in Western Canada, currently operating as a free utility for an active user network. • Architected and built the full-stack platform end-to-end: React front-end, FastAPI back-end, MongoDB, with Cloudflare R2 image storage. • Built a 4-size image-processing pipeline with progressive lazy loading, supporting fast portfolio rendering on mobile and slow connections. • Built an admin dashboard supporting user management, image approval workflows, email orchestration, backups, and operational logging. • Integrated Google Analytics 4 for engagement measurement and content performance tracking. • Made the senior-judgment call to reframe the platform from an unvalidated two-sided marketplace into a focused portfolio utility — removing payment and subscription infrastructure at the source rather than hiding it behind feature flags. • Stack: React, FastAPI (Python), MongoDB, Cloudflare R2, Brevo, GA4, Emergent (AI coding agent)

ForModele

A Canadian grocery price-scanning app in active development. Solo-owned across product, engineering, and growth strategy. • Architected and built the full Next.js application end-to-end, including the OCR-driven scan pipeline, price-candidate scoring engine, and a modular parser system currently on v3.8+ with accuracy-driven iteration. • Designed and integrated a Firestore data layer supporting scan history, catalog management, rewards, and a scout/tester program. • Hardened the codebase against ReDoS, XSS (via dangerouslySetInnerHTML), and SSRF vulnerabilities surfaced through SAST scanning. • Established an AI-augmented development workflow using Claude Code with direct filesystem access, integrated context files, and multi-agent task delegation. • Explored on-device LLM integration (Gemma, Phi, Qwen) for OCR and catalog-auditing use cases targeting offline-capable mobile workflows. • Stack: Next.js, React, JavaScript, Firestore, on-device LLMs, Claude Code

Bounty

• Led end-to-end development of 12 public-facing financial calculator applications in React and Next.js, from initial planning through to deployment. • Designed and built a reusable calculator component library that became the shared foundation across all 12 applications, dramatically reducing build time for new calculators and standardizing UX across the suite. • Designed a centralized data-provider system enabling consistent data flow across calculator applications and supporting cross-business-unit reporting. • Established the team's first AI-assisted development workflow by integrating Google Gemini for co-developing React hooks and accelerating complex state-management implementation. • Led a large-scale migration of a legacy Vue 2 codebase to enable independent deployment and integration with a new data API, mitigating technical debt and improving release reliability. • Partnered with product, design, and analytics teams to scope and ship features, contributing to technical roadmap decisions and component-library evolution. • Stack: React, Next.js, TypeScript, JavaScript, SCSS, Node.js, Git, GitLab, Figma, Jira, Google Gemini

Alberta Treasury Branches (ATB)

• Led the Vue 2 → Vue 3 migration of the WestJet homepage Search widget — a large-scale upgrade that improved performance, responsiveness, and forward compatibility with the broader platform roadmap. • Rebuilt the homepage Search widget's API integration layer, improving reliability and reducing search-related production issues. • Modernized the WestJet Vacations search widget on Vue 2, unifying styling and behavior across the booking experience. • Integrated Swoop Airlines' vacation destinations into the WJ Vacations search flow during the merger, consolidating two product surfaces into one unified booking experience. • Built passenger-utility widgets across westjet.com, contributing to the shared component library used by multiple product teams. • Contributed to backlog refinement and Scrum ceremonies as part of a cross-functional product team. • Stack: Vue 2 & 3, JavaScript, SCSS, Node.js, Adobe Experience Manager, Adobe XD, Git, GitHub

WestJet

• Maintained and extended a SEO and analytics aggregation platform serving digital marketing agencies. • Delivered UI changes through a Kanban workflow, with consistent code-review participation via GitHub. • Stack: React, TypeScript, JavaScript, LESS, Node.js

Agency Analytics / My SEO Tool Inc.

• Extended a renovation-visualization platform serving enterprise clients in the home-improvement space. • Converted client UI designs from InVision and Adobe XD into production code using LESS and JSON-configured component variants. • Maintained an internal React-based client-management queue application; participated in peer code reviews. • Stack: React, TypeScript, JavaScript, LESS, jQuery, Node.js, Yarn

Renoworks

• Re-engineered the hibrightside.ca landing experience in React to align with product and DevOps standards. • Integrated Optimizely (experimentation), Mailchimp, Google Analytics, and Zendesk into the marketing site, coordinating with back-end teams on configuration and shipping front-end variants for active experiments. • Migrated the Marketing-to-Development workflow into an Agile sprint process, aligning content delivery with engineering cadence. • Acted as technical translator between Marketing and Engineering throughout the product launch. • Stack: React, TypeScript, JavaScript, SCSS, Node.js, Optimizely, Adobe XD

ATB Brightside

• Authored a UX primer adopted to introduce UX principles across development teams at the City of Calgary — an early mentoring artifact used in onboarding. • Consulted and mentored a vendor-management application team building tools for Calgary Transit. • Built front-end UI for a mobile Census-intake application used by field staff. • Refactored a field-technician mobile app onto the City's in-house front-end framework, supporting life-cycle tracking of municipal utility equipment. • Upgraded the internal parking-permit administration application, integrating with GIS, payment, and customer-history services. • Built front-end and UX for a landfill-audit mobile app supporting performance tracking and infraction recording.

Randstad — City of Calgary [DSC]

• Won 1st place team finish at a 52-hour Startup Weekend with the original Tradeslife prototype. • Designed and built a cross-platform networking platform for tradespeople and small businesses, shipped within 4 months. • Integrated a CMS layer that enabled non-technical staff to manage customer-facing content, cutting content-update time by ~50%.

Tradeslife Inc.

Redline Engineering / SK Software Inc.

Kryos Systems Inc.

Walton International Group

Critical Mass

KSciences

Fusion Media Group