Resume

avatar

John Moscarillo

3020 37th Ave West, Seattle, WA 98199
(206) 849-3776 • moscarillo@gmail.com

Recipe2Kitchen

2024

Co-Founder, Designer, Engineer

www.recipe2kitchen.com

  • Working with partner to develop next generation recipe to kitchen application. Our goal is to streamline the process of going from a recipe to your kitchen.
  • Designed the Recipe2Kitchen brand.
  • Designing the application UI.
  • Engineered the application's front and back ends.
  • Frontend built using Tailwind, React, and Remix, Typescript.
  • Backend is using ChatGTP-4o-mini, PostgreSQL, Prisma, Remix, Typescript.

Qumulo

2023 - 2024

Principal Front-end Engineer

nexus.qumulo.com

  • Executed various enhancements for the "core web UI," a comprehensive website codebase integrating both legacy and modern JavaScript frameworks, ranging from Backbone models to React Hooks, with substantial use of Redux.
  • Established the Qumulo Component Library (QCL) to serve as the foundational UI component repository for all applications within Qumulo. This private library is hosted on AWS CodeArtifact and developed using TypeScript, React, Tailwind, Recharts, and D3.
  • Led the architecture and implementation of the UI for "Nexus" utilizing a tech stack that includes TypeScript, Next.js, React, QCL (Qumulo Component Library), AWS Timestream, and PostgreSQL.
  • Implemented GitHub continuous deployment workflows leveraging GitHub Actions.

Designing Webs, Inc

1996 - Present

Founder / UX Designer / Frontend Engineer / Full-stack Developer / UX Consultant

www.designingwebs.tv

June 2022 - September 2022

www.wx4me.com

  • Site Architecture & Development: Spearheaded the design and implementation of cutting-edge single-page applications (SPAs), prioritizing responsive and progressive design principles to ensure optimal performance across all device sizes. Successfully integrated progressive web features to enhance user engagement and accessibility.
  • Mobile Adaptation & Deployment: Engineered and executed seamless ports of web applications to mobile platforms, resulting in the successful launch of apps on both the iPhone App Store and Google Play Store. Demonstrated expertise in adapting web functionalities for enhanced mobile user experiences.
  • Responsive Site Design: Led in-house design initiatives to create responsive websites, focusing on user-centric design principles to deliver highly interactive and visually appealing web experiences. Utilized a blend of creativity and technical skills to meet and exceed project design goals.
  • Frontend Engineering: Proficient in leveraging modern technologies such as React for building dynamic user interfaces, Recharts for sophisticated data visualization, and Mapbox for integrating complex mapping functionalities. Delivered projects that require high levels of interactivity and data representation.
  • Backend Engineering: Developed scalable and efficient backend solutions using Remix for web applications, coupled with Express to manage GFS tile servers. Showcased ability to build robust backend infrastructures that support complex frontend functionalities.
Technologies Used: React, Recharts, Mapbox, Remix, Express.

February 2022 - May 2022

www.isen-ect.org

  • Site Architecture & Development: Led the development of both public and private-facing site architectures, ensuring a seamless user experience while maintaining privacy and security standards. Designed and implemented comprehensive login and role-based profile settings workflows to enhance user personalization and security.
  • E-commerce Platform Development: Engineered a subscription-based e-commerce workflow, integrating complex payment systems and subscription management tools to provide a streamlined shopping experience. Focused on scalability and user engagement to drive sales and customer retention.
  • Responsive Site Design: Utilized an existing logo and brand color to design a responsive website, ensuring brand consistency across all devices and platforms. Employed modern design principles to achieve a visually appealing and highly functional user interface.
  • Frontend Engineering: Demonstrated expertise in React for building dynamic and responsive user interfaces. Leveraged Recharts for advanced data visualization and Mapbox for sophisticated mapping functionalities, enhancing the interactive elements of web applications.
  • Backend Engineering: Developed robust backend solutions using Remix, integrated with AWS SES for reliable email services, and PostgreSQL for database management. Ensured high performance and scalability to support complex frontend designs and functionalities.
  • CI/CD Pipeline & Deployment: Implemented a CI/CD pipeline using GitHub Actions to automate testing and deployment processes, significantly improving development efficiency and code reliability. Utilized Fly.io for "Edge" deployment to ensure fast and secure global access to web applications.
Technologies Used: React, Recharts, Mapbox, Remix, AWS SES, PostgreSQL, GitHub Actions, Fly.io.

Premise Data

2020 - 2022

Senior Front-end Engineer


  • Developed new features for existing web application using React with flow.
  • Worked closely with product management and product design to engineer the company’s new customer portal web application, built using React using Typescript, Hapi, and CubeJs, hosted with GCP to replace legacy customer portal.
  • Built Git hub continuous deployment workflows using git hub actions.

Vaisala, Inc

2015 - 2020

Senior Software Engineer, Senior User Interface and Product Designer


  • Designed and developed two map-based interfaces driven by multiple microservices using ReactJS, Redux, and Typescript.
  • Established and confirmed with users and stakeholders the user persona’s and appropriate use cases for our applications.
  • Iterated with users, designers, team members, and stakeholders as often as possible using sketches, whiteboard sessions, high-fidelity mockups to communicate and verify alignment with business goals and successful user experience.
  • Architected and coded JavaScript frontends incorporating new code with existing legacy backends.

3TIER, Inc.

2009 - 2015

Director of User Experience


  • Enhanced but also managed customer and internal software applications for the research and development division of 3TIER, Inc.
  • Maintained a voice for our users within the company by frequently communicating with users and sharing that communication with stakeholders and engineers.
  • Incorporated user persona's, use cases, customer journey studies, hallway usability testing and heuristic analysis as the drivers for making informed decisions on what and often what not to build.

3TIER, Inc.

2007 - 2009

Director of Web Engineering


  • Created and maintained roadmap for team, developing successful company dashboard on time given budget and company goals.
  • Guided the product development process by bridging product management and software development through communicating and resolving unseen issues before moving products to development.
  • Incorporated design process with the development agile process to iterate frequently and quickly on many user-tested interactive prototypes.
  • Created an award winning* product on time which enhanced 3TIER's presence in the industry and consequently helped 3TIER acquire funding to move forward with more software product development.
  • *Winner 2009 AWEA Commercial Achievement Award

Microsoft Corporation

2006 - 2007

Software Development Engineer


  • Designed and developed default operating system sidebar gadgets for Windows Vista & Windows 7
  • Daily collaboration with designers, developers, project managers, and test engineers
  • Determined the code standards for the default sidebar gadgets.
  • Developed Internationalized and accessible HTML, CSS, and JavaScript compliant to the standards of the Windows Operating System.

FCBi

2001 - 2006

Lead Developer


  • Executed all online initiatives for FCBi Seattle, one of world's leading advertising agencies.
  • Continual communication with creative executives, account executives and graphic designers
  • Always delivered on time and within budget online initiatives under rigorous ad agency timelines. Extremely successful HP web initiatives were HP Works, HP * PurchasEdge, and HP SureSupply due to focus groups, usability testing, SEO and by building channel partner relationships.
  • Clients included HP, Nautilus, Speakeasy, Group Health, AAA, Tully’s

JDA Advertising

1998 - 2001

Lead Web Developer


  • Executed all online initiatives for JDA Advertising. An advertising agency dedicated to integrated marketing
  • Continual communication with creative executives, account executives and graphic designers
  • Always delivered on time and within budget online initiatives under rigorous ad agency timelines.
  • Clients included @Home Networks, Avid Technology, Broadband Office, Classmates, eCharge, Fujitsu, General DataComm, GlobeTrotter, HomeGrocer, HotDispatch, IBM, MindSpring, Novell, Red Hat Software, Phoenix Technologies

Publications

  Big Book of Windows Hacks

By:Preston Gralla     
Publisher:O'Reilly Media
Released:October 2007
Chapter 02:Hacking the Interface

Author of several hacks for Chapter 02 related to enhancing the built-in vista sidebar gadgets.

Technical Knowledge

•HTML5 •CSS3 •JavaScript •React *Remix *NextJS •D3 •Node •ExpressJS •CubeJS •Mapbox •Google APIS •AWS GCP •Python •Ruby •Django •Rails •PHP •Drupal •PostgreSQL •MySQL •Figma •Photoshop •Illustrator •OmniGraffle

Education

Education University of Colorado, Boulder, CO Bachelor of Arts Majors: Psychology, Biology

Art Institute of Colorado, Denver, CO Associate Degree Major: Visual Communications

Portfolio

Portfolio www.designingwebs.tv