Zyro Electric
E-commerce platform for tech accessories with modern UI and Web3 capabilities.
Project Overview
Tech accessory commerce built on structured specifications.
Zyro Electric is an Angular storefront for tech accessories, where every product carries structured specs that drive filtering and comparison.
Web3 payment support sits alongside the standard checkout rather than replacing it.
The Challenge
Accessory buying is a compatibility problem. Without structured specifications the customer leaves the site to verify a fit, and often does not come back.
The Approach
Specifications became structured data instead of description text, which unlocked comparison tables, compatibility filters and cleaner product pages from the same fields.
Core Features
Spec-driven catalog
Products carry structured technical specs that drive comparison tables and filtering rather than free text.
Comparison view
Side-by-side spec comparison so buyers resolve compatibility questions in-page.
Cart & checkout
Full purchase path with stock validation and order confirmation.
Web3 payment path
Optional wallet-based settlement alongside the conventional checkout flow.
Component-driven UI
Strongly typed, reusable component library keeping the interface consistent at scale.
Architecture & Tech
Tech Stack
- Angular with typed services, dependency injection and lazily loaded feature modules for a predictable large-app structure.
- Web3 wallet connection and contract interaction isolated behind a dedicated module with graceful fallback.
My Role & Contributions
- Owned the front-end architecture, component library and state management.
- Implemented the full Angular + Web3 stack for this project.
- Translated design intent into a responsive, accessible interface across breakpoints.
- Collaborated on shared conventions, code review and integration with parallel workstreams.
- Deployed and verified the production build.
Delivery Process
- 01
Discovery & scoping
Requirements distilled into a prioritised scope, user flows and a data model sketch before any code.
- 02
Architecture & design system
Component hierarchy, state boundaries and a token-based visual system defined so screens could be assembled consistently.
- 03
Implementation
Built iteratively with Angular, Web3, shipping vertical slices — data, logic and UI together — instead of layer by layer.
- 04
Hardening & launch
Edge cases, validation, responsive behaviour and performance passes, followed by deployment and post-launch monitoring.
Results & Outcomes
- Shipped to production and publicly reachable at the live URL.
- Responsive from small mobile screens through large desktop layouts.
- Interface patterns reusable across the rest of the product surface.
Related Projects
Vingo Roll
Web3-enabled furniture marketplace with blockchain transactions and NFT integration.
Velocity Swimming
Community platform for swimming teams with event scheduling and member management.
Luxelle
Premium beauty and cosmetics landing page built with Angular and Web3 integration.