‣ Using SvelteJS to develop Duel Links Meta (Version-3).

‣ Built custom Markdown by parsing syntax with regex to provide tools for content managers to optimize content development.

‣ Designed and built Countdown component with Bulma modifiers for in-game events, sets, and tournaments.

‣ Constructed feature page with SvelteJS to provide users with tracking active and past events.

‣ Used Visual Composer to build Landing & E-Consultation page, allowing non-developers to edit content through drag & drop features.

‣ Implemented Polyfill through script-tag to enable cross-browser compatibility for IE and Safari(IOS) enabling smooth scrolling.

‣ Enforced responsive web design principles by defining common breakpoints to provide access to a variety of devices.

‣ Utilized Contact-Form-7 plugin to create mail & form templates & connecting customers with the company, ensuring server-side validations.

‣ Converted mockups with Typescript, React, and CSS modules in a functional approach for a smaller bundle.

‣ Utilized Storybook to build features in an isolated environment, providing an incremental approach when designing components for scope flexibility.

‣ Minimized re-renders and faster mounting with hook forms to provide a better user experience.

‣ Architected React component library by modularizing and decoupling functionality from RTCPeerConnection— allowing components to

remain autonomous and unaware of each other— enforcing separation of concern design principle thus improving workload distribution.

‣ Constructed configurable Signaling Server module using node and encapsulating the WebSocket API over cryptographic protocol to

establish full-duplex communications during Offer, Answer, and media metadata exchange for safe and secure low-latency connections.

‣ Leveraged getUserMedia API inside a async-await method, enabling media stream access to serve via P2P upon user granted permission.

‣ Deployed NPM module applying Peer Dependency warnings, obtaining lightweight bundle and ensuring consistent version control.

‣ Utilized STUN server bindings by setting an array of configurable Google server urls as a default prop for RTCMesh component enabling

NAT traversal procedure​ to​ obtain public IP address for aiding ice candidate negotiation process upon firing off negotiatonNeeded events.

‣ Employed TURN server for users guarded under symmetric NAT devices and/or firewalls, assisting in relaying media via VoIP protocols.

‣ Established Webpack-Dev-Server for Hot-Module Replacement and Proxy Server URLs by setting a key-value pair to an endpoint and it’s

target to localhost inside a Webpack config file to ensure server-dependent Components function properly while improving reload times.

‣ Enforced Eslint via YAML file with Airbnb code standards for syntax consistency to allow conformed environment, reducing runtime bugs.

‣ Setup Babel inside Webpack config file with presets to transpile ES6 syntax into ES5 — ensuring that the module is backward compatible.

‣ Accelerated at OSLabs