Frak Lopez image

Frak Lopez

Work

I build products for people. Fancy languages, really clever or highly optimized solutions don't matter if it never makes it to peoples hands or doesn't solve their problem.

That's why everything has to start by really understanding the problem to be solved. Building great products is rarely a point A to B endeavor. Truly understanding the problem means I can provide thoughtful solutions and continue moving forward through the many issues that (WILL) arise during development.

Projects

HumblPay Mobile Wallet

View Project
Project Image
Tech: Capacitor, Java (Android)/Swift (iOS), React, NodeJS, GraphQL
Role: Engineering Manager / Principal

Mobile application to enable buying, selling, and earning interest on crypto currency. Included features such as peer-to-peer transactions as well as merchant tools.

Managed a multi-discipline team of engineers (frontend and backend), designers, and QA to quickly build and support a GraphQL API and mobile application.

Worked with Executive leadership to define table stakes and set expectations in order to deliver under tight deadlines.

Improved process between Design and Engineering by implementing automation with custom Figma script.

Project Image
Tech: Electron, React, NodeJS, WebRTC
Role: Lead Engineer

Desktop and Web application built with Electron, NodeJS, TypeScript, and React to deliver a high performance video conferencing app.

Reduced complexity in core components by simplifying UI elements that were previously frequently a source of bugs.

Created the chat commands feature, and several other features, from the ground up.

InVision Studio

View Project
Project Image
Tech: Electron, React, Redux, NodeJS
Role: Lead Engineer

Design tool with a focus on rapid prototyping. Design, prototyping, and animation all in one slick tool to enable quick collaboration.

Crafted and led a multi-step, long term plan to incrementally convert the foundation of the Studio code base to adapt it and enable future efforts. This included creating a proof of concept to garner support from stakeholders and alleviate the concerns from principal engineers.

Was a constant voice for the engineering team and a driver of the engineering culture. A big proponent of positive and supportive teams, I would hold 1:1s with team members to get a pulse check of morale and raise concerns with leadership.

Track (now Abound)

View Project
Project Image
Tech: React, NodeJS, AWS Lambda, AWS Dynamodb, Serverless
Role: Head of Engineering

Track helps freelancers avoid the constant distraction of taxes and helps to avoid making the common mistake of not withholding enough.

Track started out using EXT.js as the client side framework. I was brought on to overhaul the code base and convert it to use React/Redux. Working closely with the CTO and using a hybrid approach, the app was incrementally replaced with modern React components. This allowed Track to continue to serve it's customer base without any interruption in service.

At the same time, I worked with the lead designer to implement new UI/UX and completely overhaul the look and feel of the app.

Lastly, the API used AWS Lambda written in Node.js and data was stored in Dynamodb. Several endpoints needed to be overhauled to better suit the new data structures and to make the app more responsive and quicker to load.

The Spicy Radish

View Project
Project Image
Tech: PHP, JavaScript, HTML, CSS, Statamic, Stripe, Firebase
Role: Lead Engineer

Denver based Spicy Radish delivers delicious prepared food right to your door. Spicy Radish had built a successful business around an email workflow but, it was time to build a web app so they could continue to grow.

With a weekly changing menu and thousands of email orders, a solution was built to allow for customers to place and pay for orders online (and even specify per meal dietary preferences). Email automation was used to confirm orders, delivery times and even remind potential customers to place their order before delivery cutoff times.

Simple CSV export tools were built to allow the business to share order data across kitchen, delivery and accounting departments.

Lastly, a few services were used such as Stripe for payments, Mandrill for email infrastructure and Firebase for user accounts, orders, and other data storage.

Project Image
Tech: PHP, JavaScript, HTML, CSS, Statamic
Role: Lead Engineer

GAN, or the Global Accelerator Network, is a

members only community for startup accelerators like Techstars and

Microsoft Ventures and their startup founders.

GAN wanted to provide resources to their members like product discounts (perks), searchable guides, audio interviews, videos, a forum and much more – all with as little friction as possible.

Built on top of Statamic, a modern PHP based CMS, tools were created to allow GAN to write and publish long form searchable guides with support for audio (SoundCloud), video, tags and more.

For perks, a marketplace was built for members to redeem various offers from service providers like discounts on hosting from Amazon and more.

Lastly, Muut was integrated to add a rich real-time forum to the private community. Single-sign-on was added to make the experience seamless for users.

Project Image
Tech: PHP, JavaScript, HTML, CSS, Statamic
Role: Lead Engineer

Noko is challenging the traditional fashion industry by selling high-end handbags directly to consumers. To tackle this challenge a crowdfunded fashion platform was built.

Much like Kickstarter, this allows Nokéo to create new product campaigns with support for goals (minimum number of backers required), start and end times and much more. These campaigns allow Nokéo to feel out demand for a new product before a (expensive) full production run is started.

Along with the core campaign functionality, several other services and features were integrated to help automate and streamline the business including: Stripe for payments, Mandrill for email infrastructure, CSV export for integration with ShippingEasy and finally support for user accounts and product purchase history.

StructureCraft

View Project
Project Image
Tech: PHP, JavaScript, HTML, CSS, Statamic
Role: Lead Engineer

As an award-winning architecture firm, StructureCraft needed a platform to showcase their amazing work and highlight the materials (wood, metal, etc) that they use to achieve their results.

A robust and friendly layout builder was created to allow StructureCraft to art direct each project case study, allowing them to freely mix together text, images, galleries, video, and even interactive 3D models via SketchFab.

Advanced image loading, resolution based image size techniques and a CDN were used to deliver high quality images quickly across various devices.

Support for deep linking and associations allowed each case study to reference materials used, related blog posts and more. Finally, realtime search was integrated using Twitter's Typeahead and Bloodhound suggestion engine.

Project Image
Tech: HTML5, JavaScript, PHP, WordPress
Role: Lead Engineer

3d modeling tutorials and training videos to learn Gaming and Visual FX industry software such as 3ds Max, Maya, UDK, ZBrush and Unity.

This subscription video service required a custom built platform to allow users to consume high quality video on a regularly basis. A custom player was integrated with the Bits On The Run (now JW Platform) Video CDN. A fully customized forum was also integrated into the service with SSO to allow users to access members only content.

Project Image
Tech: HTML5, JavaScript, MySQL, PHP, CodeIgniter
Role: Lead Engineer

A service to provide creatives an easy way to craft a portfolio. Smolio provides stylish templates with an interface that is intuitive and easy to use.

A system to allow the manipulation of on page elements was created using JS. This allowed users to manipulate and edit anything they saw on screen.

Lastly a temp account system was implemented that allowed new users to try the service the service before signing up.

Open-source

The Open Source community has been a huge help to me. I am inspired and humbled by the vast amount of code that is available and the talent that put it there. My hope is to be able help someone else the way that I've been helped.

Add-on Stash

View Project
Project Image
Tech: JavaScript, Firebase
Role: Developer

Statamic is a flexible flat file CMS. Add-on Stash was built to make searching for and finding add-ons for Statamic as simple as possible. It's a single page static site that features a realtime JS filter and search. The site also uses Firebase as the datasource.

FormValidate

View Project
Project Image
Tech: JavaScript
Role: Developer

A simple form validation plugin. It's not an exhaustive library but is instead meant to cover the most often used scenarios. It's written in plain JS, has zero dependencies and features a simple API for easy integration into any project.

SimpleModals

View Project
Project Image
Tech: JavaScript
Role: Developer

A simple modal plugin. It's written in plain JS, has zero dependencies and exposes a simple API for developers to integrate AJAX promises into the modal interactions.