Hi, I am

Archit
Rathi

DeveloperLearnerMusician

I’m a Frontend Engineer who likes making interfaces feel effortless. I build fast, accessible web experiences with React, TypeScript, and Tailwind, with purposeful motion. Over 4+ years at The Beyond Group I shipped consumer storefronts for brands like Our Place, OLIPOP, MUDWTR, and Hu Kitchen. Based in Vancouver, Canada.

There is no spoon

Contact See work

TRUSTED BY

What I do

I build fast, accessible, high-converting web experiences for consumer brands, combining clean component architecture, polished UX, and measurable business impact.

Frontend Engineering
React, TypeScript, and modern JavaScript. Modular, testable component systems built with Storybook, design-system thinking, and long-term maintainability.
Advanced Interactions & Motion
Page transitions, seamless state switching, refined micro-interactions, and elevated UX patterns without sacrificing performance.
Performance & Core Web Vitals
Lighthouse optimization, advanced image strategies, script orchestration, reduced layout shift, and performance-first storefront builds.
Accessibility & Compliance
WCAG-focused semantic refactors, screen reader optimization, audit remediation (AudioEye / a360), and OneTrust consent implementations.
Conversion & Revenue Systems
Cart optimization, subscription flows, dynamic upsells, A/B testing (Intelligems), and data-driven UI improvements focused on measurable impact.
Shopify & Commerce Platforms
Custom themes, Liquid engineering, metafields and structured content, checkout extensibility, and high-traffic launch support at scale.

Selected work

Our Place

OLIPOP

Hu Kitchen

MUD/WTR

Hiya

What makes me different

Pragmatic engineering, polished UX, measurable outcomes.

Speed

Speed as a feature

Performance is a product choice. I build fast first—and keep it fast with budgets and monitoring.

Edge caching & smart CDN routing
Streaming SSR + selective hydration (islands)
Critical CSS with preconnect/preload hints
Modern media: AVIF/WebP with responsive srcset
Third-party audits; defer or sandbox where possible
RUM dashboards for Core Web Vitals (LCP/INP/CLS)

Motion

Animation craft

Motion clarifies flow and expresses brand—never decoration. Tuned springs, zero jank.

Context-specific spring curves and timing
Gestures & micro-interactions that teach
Reduced-motion safe paths everywhere
60fps budgets; GSAP/Framer where it wins
Orchestrated transitions with no layout shift

A11y

Accessibility & Compliance

Inclusive flows that meet WCAG 2.2 AA and regional law (ADA, AODA, GDPR/CCPA) without adding friction.

Semantic landmarks & heading hierarchy
Logical focus order + visible focus rings
ARIA only where native semantics lack
Contrast verified and themable palettes
Screen-reader QA on VoiceOver/NVDA
Consent banners that store audit-proof signals

Shopify

Commerce Platform Depth

Liquid-first with TypeScript where it helps. Upgrade-safe themes and maintainable ops.

Section schema your team can actually use
App embeds, cart & checkout extensions
Storefront API for dynamic bits
Metafield strategy & content models
CI checks for theme quality & visual diffs

Independent Work

Selected engineering projects exploring tooling, experimentation, and product thinking.

RMK Immigration
Production website for a regulated Canadian immigration consultancy.
Designed, built, and shipped the full production website for RMK Immigration, a regulated Canadian immigration consultancy (RCIC). Next.js frontend with Prismic CMS for editable content, SEO and structured metadata, Calendly booking integration, a service catalogue covering 20+ immigration services, and a contact pipeline. Live client work with a real business depending on it.
Next.jsPrismic CMSTailwind CSSVercel
View Live →View Code
Tirupati Security Business Website
Corporate website built for a security services business.
Designed and developed a modern corporate website for Tirupati Security Services. Built with a performance-first approach, structured React components, and subtle motion to elevate brand presence.
ViteReactTailwind CSSFramer Motion
View Live →View Code
Lexilens
AI-powered dictionary with contextual definitions.
AI-powered dictionary built with Next.js and OpenAI. Real-time definitions, contextual explanations, and intelligent synonym generation.
Next.jsOpenAI
View Live →View Code
PDF Exporter App
Dynamic PDF generation utility.
Utility application for generating structured PDFs dynamically with configurable templates and data inputs.
NodeJavaScript
View Live →View Code
React Demo Shoe Store
Interactive React eCommerce demo store.
Built a fully interactive demo shoe store to explore modern React architecture. Implemented dynamic cart state management, product filtering, quantity controls, and checkout flow simulation to better understand scalable commerce UI patterns.
ReactState ManagementVercel
View Live →View Code
Harvest Tracker
Shopify ↔ Harvest workflow sync tool.
Internal engineering tool syncing Shopify workflows with Harvest to improve billing accuracy and reduce manual reconciliation.
TypeScriptShopify API
View Code
Canvas Playground
Rendering & interaction performance tests.
Experimenting with HTML canvas rendering, animation performance techniques, and interaction systems.
JavaScriptCanvas API
View Live →View Code

About

A quick timeline.

1994
Born in Kanpur, India
Always a curious kid. Had an early love for computers.
1994
Born in Kanpur, India
Always a curious kid. Had an early love for computers.
2013–2017
Bachelors: Electronics & Communications Engineering
G. B. Pant Engineering College, India. Explored life of Robotics. Realized I love crafting experiences.
2013–2017
Bachelors: Electronics & Communications Engineering
G. B. Pant Engineering College, India. Explored life of Robotics. Realized I love crafting experiences.
2017–2018
IT Support Assistant
at Sprint Telecom, Delhi. Telecoms support, network management, and customer service.
2017–2018
IT Support Assistant
at Sprint Telecom, Delhi. Telecoms support, network management, and customer service.
2018
Moved from India → Canada
Went from +30°C to -30°C in a day! Started my journey in Canada.
2018
Moved from India → Canada
Went from +30°C to -30°C in a day! Started my journey in Canada.
2018–2020
Masters at University of Ottawa, Canada
in Electrical & Computer Engineering. Focused on software development, AI, and web technologies.
2018–2020
Masters at University of Ottawa, Canada
in Electrical & Computer Engineering. Focused on software development, AI, and web technologies.
2019–2019
Research Assistant at uOttawa
Training system to detect irregular breathing patterns using UWB radar.
2019–2019
Research Assistant at uOttawa
Training system to detect irregular breathing patterns using UWB radar.
2021 → 2026
The Beyond Group
Grew from apprentice to Intermediate Software Developer. Built performant, accessible, and beautiful web experiences for high-growth brands.
2021 → 2026
The Beyond Group
Grew from apprentice to Intermediate Software Developer. Built performant, accessible, and beautiful web experiences for high-growth brands.
..... and the journey continues! Always learning, always building.
..... and the journey continues! Always learning, always building.