Juan Villela

Juan Villela

(he/him)

Senior Full-Stack Developer Washington, DC

About Me

I’m an accomplished and driven full-stack web developer, eager to leverage my extensive experience and passion for innovation to contribute to a dynamic, forward-thinking team. Possessing advanced technical proficiency and an unwavering commitment to excellence, I strive to deliver top-notch web applications that can seamlessly scale to meet diverse business requirements.

Languages

  • HTML
  • CSS/SCSS
  • JavaScript/TypeScript
  • SQL
  • GraphQL

Skills

  • React
  • Redux
  • NodeJS
  • ExpressJS
  • Jest/Vitest
  • Cypress
  • Docker

Work Experience

  1. Senior Full Stack Developer

    Present

    Big Pixel Remote

    • Served as a senior resource, providing guidance and mentorship to peers.
    • Implemented and maintained comprehensive documentation processes for code and communication channels.
    • Advised clients on industry best practices.
    • Prioritized reliability and accessibility in all projects, ensuring flawless user experience.

    Here are some of our recent projects:

    MyMedGas (BeaconMadeas)

    • React
    • Redux
    • TypeScript
    • Highcharts
    • Locize
    • MSAL (Microsoft Authentication Library)

    • Refactored a legacy React codebase that was optimized for Hooks and offline functionality.
    • Developed two apps:
      • a desktop app serving as a hub for various data points inside the company, with searchable tables displaying large amounts of data.
      • a mobile app for on-site engineers to log technical data offline and queue up requests to the API.
    • Implemented Redux for state management and API interaction via the Microsoft Authentication Library.
    • Integrated Highcharts to visualize data coming from the various machinary connected to Beacon’s network.
    • Implemented localization and translation that supported 7 languages used across 3 continents.

    Toggle Book Factory

    • React
    • Gatsby
    • Redux
    • PostgreSQL
    • GraphQL
    • TypeScript
    • Tailwind
    • Shopify

    • Developed a kid’s book builder for schools in North Carolina.
    • Emphasized user experience by crafting a well-planned infrastructure.
    • Orchestrated various web and 3rd party APIs.
    • Iterated and shipped a final product that is easy to use for a young audience and manageable for the client without developer intervention.
    • Leveraged the Shopify API to retrieve product info and assets.
    • Stored book configurations on a serverless Postgres database and API.

    Oransi

    • Angular (SSR)
    • Nest
    • Apollo
    • Graphql
    • Postgres
    • Ionic
    • TypeScript

    • Developed a hub app for Oransi to connect users’ accounts and IoT air-quality product settings.
    • Retrieved data from various services and displayed it in a user-friendly interface.
    • Used the same codebase for iOS and Android apps with the help of Ionic.
    • This was the first project that involved back-end development, which provided an opportunity to improve data management and architectural planning skills.
  2. Front End Developer

    Freelancer Remote

    • Excelled as an independent Senior Full Stack Developer, specializing in the creation of statically generated websites employing Hugo, Jekyll, and Gatsby.
    • Developed custom JavaScript solutions to optimize site build sizes and enhance accessibility.
    • Implemented advanced techniques such as critical CSS inlining, font subsetting, and asset lazy loading to optimize site performance and deliver exceptional user experiences.
    • Maintained a strong focus on small build sizes and accessible design, consistently exceeding expectations and delivering outstanding results.

    These are some of the sites I helped build:

    Decision Point Healthcare

    • React
    • Gatsby
    • CSS Modules
    • Contentful

    • Converted Figma designs into a live website using Gatsby.
    • Created small and reusable components for easy management and marketing.
    • Integrated website with Contentful for robust content management.
    • Developed a design system for consistent and well-crafted visuals.
    • Enabled the ability to quickly publish new content and capture leads to grow the business.

    YouArePreApproved

    • React
    • Gatsby
    • Redux
    • CSS Modules

    • Revamped an outdated website for YouArePreApproved using Gatsby for progressive enhancement and scalability.
    • Created several pages featuring dynamic tables displaying updated lending rates.
    • Collaborated with a design firm based in Poland to create a beautiful and accessible design.
    • Utilized React, Gatsby, Redux, and CSS Modules in the development process.
    • Experience in working with different cultures and asynchronous communication.

Interests

Like everyone, this varies. But most recently (last year or so) I’ve been invested in cataloging as much of the stuff I find interesting online as possible. This started with a bookmarking app, then a Google Sheets doc, transitioned into Airtable, and now it’s all on a Postgres + GraphQL server.

This has become such a fun project that I’ve built various mobile scripts with a combination of iOS Shortcuts and Scriptable scripts for saving items. And to further archive and backup data, I’ve made various scripts that run regularly via GitHub Actions. As well as a serverless endpoint on Cloudflare Workers.