-
Client
TypeScript, React, Next.JS, Svelte, JavaScript, HTML, CSS -
Server
Next.JS and Vercel, Node.js, Django, Express.js, AWS, Heroku -
Other
Webpack, Gatsby, Parcel, Rollup, Jest, Storybook, Travis CI, Jenkins, Percy, Docker, Cypress.io, turborepo
Responsible for all things front-end across giphy.com and GIPHY browser extensions. Created the GIPHY SDK of shared npm packages used throughout GIPHY and by 3rd party developers. Created our monorepo for giphy.com that includes shared packages, our legacy site, and our new Next.JS site.
- Build and maintain giphy.com using Next.JS, React, TypeScript, Redux, React Router, and Styled Components. Set up monorepo with turborepo, yarn workspaces, build caching, Docker deployment, and Cypress e2e testing.
- Lead architect of GIPHY Web SDK, GIPHY's npm packages for 3rd party developers, as well as shared components across GIPHY projects including giphy.com and web extensions.
- Created GIPHY Web Extensions Using the Web SDK mentioned above, built extensions for Gmail, Chrome, Zendesk, Twitch, Firefox
- Wrote Dockerfiles for giphy.com Webpack and Next.JS containers. Set up build tools and continuous integration for all of the above, including: compiling (webpack, tsc, parcel), linting (eslint), unit testing (jest), e2e testing (cypress), visual testing (percy), formatting (prettier), and component development (storybook).
- Worked with HTML5 Canvas, WebGL, and file inputs to create GifMaker.
MTV Networks used the MediaPlayer to deliver their video content, and was second only to YouTube in the number of video streams delivered. With over 400 million streams per month, and advertising money on the line, the product needed to be extremely reliable, efficient, and highly customize-able. As of 2021, the player is still deployed on brand sites such as: MTV.com,, CC.com, Nick.com
The role involved creating the internal architecture of the video player platform (client and server), defining its APIs, how it can be configured, and how third-parties can interact with it. Also how developers could contribute (best practices and coding style), and dev-ops such as how to build the codebase, deploy it, and test it. This was iterated for each video player.
- Create player javascript (p-js) components http://github.com/p-js/, which are assembled into a video player. Some are isomorphic and also run in node.js.
- Designed both Flash and mobile version (iOS/Android) using HTML5 and Javascript
Freelance:
- chk12.com, built with Strapi, Next.JS
- ronzonibeats.com, Personal site to promote music and sell merchandise built with Next.JS
Build iPhone apps for fun:
- Conjugation Nation, over 100,000 downloads, available in the iTunes store in Spanish, French, and Italian.
- Buoy Buddy, built in Swift with Storyboards, uses buoy-js to parse data from NOAA buoy and tide stations.