Juan Beas Perez, Developer in Lake Mary, FL, United States
Juan is available for hire
Hire Juan

Juan Beas Perez

Verified Expert  in Engineering

Software Developer

Location
Lake Mary, FL, United States
Toptal Member Since
April 14, 2020

Juan is a full-stack web developer with proven expertise in rapidly developing and launching platforms from the ground up. He's worked for healthcare and education platforms supporting over 50 million customers. An open source community enthusiast, Juan excels in front-end engineering, data analytics and visualization, and API development.

Computer ScienceResponsive UIFront-endWebSocketsESLintBootstrap 4Amazon API GatewayStrapiPWAGitHubjQueryPHPPythonMySQLWordPressVue Storefront

Portfolio

DYFInvesting INC
React, C#, CSS, HTML, Charts, TypeScript
PatientIQ
React, GraphQL, JavaScript, TypeScript, Ruby on Rails API, Material UI...
OSR Referrals, Inc.
React, React Native, Bootstrap 4, Mobile UX, Human Resources (HR), Agile...

Experience

JavaScript - 7 yearsRuby on Rails (RoR) - 7 yearsVue 2 - 6 yearsGraphQL - 6 yearsTypeScript - 5 yearsNode.js - 5 yearsReact - 5 yearsAngular - 3 years

Availability

Part-time

Preferred Environment

Terminal, Docker, Visual Studio Code (VS Code), GitHub

The most amazing...

...thing I've built is a cloud-based patient engagement platform that supports more than 200 healthcare organizations and 30 million patients.

Work Experience

Full-stack React and C# Developer

2023 - 2023
DYFInvesting INC
  • Worked as a senior full-stack engineer for a financial platform.
  • Developed a new user onboarding and subscription flow in React.
  • Managed the legacy code while simultaneously creating new features and pages.
Technologies: React, C#, CSS, HTML, Charts, TypeScript

Senior Full-stack Engineer

2022 - 2022
PatientIQ
  • Worked as a senior full-stack engineer for a healthcare SaaS platform.
  • Converted legacy front end into a single page application using React, TypeScript, MUI (Material UI), and styled-components.
  • Developed an easy-to-use and fully integrated calendar to schedule appointments with patients and doctors.
  • Added a GraphQL layer using Ruby on Rails and unit tests using RSpec and Capybara.
  • Onboarded one million patients in two months and improved user onboarding experience.
Technologies: React, GraphQL, JavaScript, TypeScript, Ruby on Rails API, Material UI, Styled-components, RSpec, Capybara, CircleCI, Unit Testing, Mailgun, Sidekiq, AWS CLI, Agile Software Development, Ruby, Ruby on Rails (RoR), Vue, Nuxt.js

Senior React/React Native Engineer

2021 - 2022
OSR Referrals, Inc.
  • Built a mobile application that integrates selling networks, documentation, lead, and contact sharing for sales professionals.
  • Implemented data analytics for tracking customers, documents, and lead flow.
  • Developed a single React/React Native codebase to provide web and mobile customers with the same UI/UX.
Technologies: React, React Native, Bootstrap 4, Mobile UX, Human Resources (HR), Agile, Node.js, GraphQL, Jest, Responsive UI, GitHub, CircleCI

Senior React Engineer

2021 - 2021
Senior Healthcare Direct
  • Translated designs and wireframes into high-quality code.
  • Optimized components for maximum performance across a vast array of web-capable devices and browsers.
  • Implemented the full-text search of articles using Elasticsearch.
Technologies: Next.js, React, Contentful, ECMAScript (ES6), Sass, MySQL, REST APIs, React Redux, Agile Software Development, Elasticsearch, Babel, GraphQL, GitHub, CSS3, Responsive Design, Front-end Development, ESLint, HTML, Styled-components, Unit Testing, E2E Testing, Cypress, Responsive UI, Webpack, Google Analytics, TypeScript

Senior React Engineer

2021 - 2021
Pattern Ag, Inc.
  • Focused on building a 360 Dashboard that provides analysis results at sub-field, field, and operation levels on a custom, modern, minimalistic map style designed to highlight the details using Mapbox SDK.
  • Translated designs and wireframes into high-quality code and wrote application interface code using React.
  • Troubleshot interface software and debugged application codes to improve functionality and performance by 50%.
  • Coordinated with the development team to discuss user interface ideas and applications.
Technologies: React, ECMAScript (ES6), React Redux, Agile Software Development, Babel, GraphQL, GitHub, CSS3, Responsive Design, Front-end Development, ESLint, HTML, Styled-components, Responsive UI, WebRTC, Webpack, Mapbox, Google Analytics

Senior React Engineer

2021 - 2021
Mayne Inc.
  • Developed internal React SPA web applications for the company.
  • Determined the structure and design of web pages based on user requirements and balanced, functional designs.
  • Created features to enhance the user experience while ensuring that the web design was optimized for smartphones.
Technologies: React, ECMAScript (ES6), PWA, Material UI, React Redux, Agile Software Development, Babel, Amazon Web Services (AWS), GitHub, CSS3, Responsive Design, Front-end Development, ESLint, HTML, Styled-components, Unit Testing, Responsive UI, Webpack, Google Analytics

Senior Full-stack Developer

2020 - 2021
American Family Insurance
  • Developed APIs that interact with Python data from the data science team and third-party data.
  • Implemented new features and optimized the performance of microservices.
  • Managed the AWS infrastructure and was in charge of the deployment process.
Technologies: GitLab CI/CD, Python, Amazon API Gateway, Amazon DynamoDB, AWS Lambda, AWS CloudFormation, Serverless Framework, React, Node.js, JavaScript, Sass, REST APIs, Express.js, React Redux, MongoDB, Agile Software Development, TypeScript, Elasticsearch, Redis, Babel, Amazon Web Services (AWS), GraphQL, GitHub, CSS3, Responsive Design, Front-end Development, ESLint, HTML, ECMAScript (ES6), Styled-components, Unit Testing, Responsive UI, Webpack, Cloud, Angular, Nuxt.js

Senior React/React Native Developer

2020 - 2020
TTS Curative, LLC
  • Worked in an agile scrum team and implemented the pixel-perfect design using React and styled-components.
  • Created new features based on mockups and efficiently collaborated with the designer.
  • Increased testing coverage of the existing application using Jest and Cypress.
Technologies: React Native, Cypress, Jest, Ruby on Rails (RoR), Styled-components, React, React Redux, Agile Software Development, Redis, Babel, GitHub, CSS3, Responsive Design, Front-end Development, ESLint, HTML, ECMAScript (ES6), Unit Testing, E2E Testing, Responsive UI, Webpack

Senior React Developer

2020 - 2020
Social Voter Labs LLC
  • Took the platform and made it match the mockup visually and added basic features, e.g., login and logout pages, page additions, bug fixes, etc.
  • Collaborated with developers to establish the strategy for coding standards, cross-browser compliance, code organization, and architectural design and documentation.
  • Managed the legacy code while simultaneously creating new features and pages using React hooks.
  • Proposed several design improvements for the user workflow.
Technologies: Ruby on Rails (RoR), Node.js, React, React Redux, Agile Software Development, Babel, GitHub, CSS3, Responsive Design, Front-end Development, ESLint, HTML, ECMAScript (ES6), Styled-components, E2E Testing, Responsive UI, Webpack

Senior React/React Native Developer

2018 - 2020
Colombo & Hurd Law
  • Built a web-based software using JavaScript, Ruby on Rails, PostgreSQL, and additional technologies as necessary.
  • Developed and managed client-side features written in TypeScript and React.
  • Designed and built a complete REST API using Ruby on Rails and PostgreSQL.
  • Developed iOS and Android apps using React Native.
  • Created a standalone media player component, including database design and a complete REST API.
Technologies: TypeScript, React Native, React, PostgreSQL, Ruby on Rails (RoR), Ruby, JavaScript, HTML

Senior Vue Developer

2019 - 2019
Pleroma
  • Focused on building the front end of the Pleroma web application using Vue.
  • Proposed several design improvements for the user workflow.
  • Created new features based on mockups and efficiently collaborated with designers.
  • Implemented workflows and guidelines for code consistency, readability, maintainability, and testability.
  • Built a marketing website for the product using Gatsby.js.
Technologies: Vue, Webpack, ESLint, Front-end, CSS3, HTML, Gatsby, WebSockets

Full-stack JavaScript Developer

2018 - 2019
B&B Global Solutions
  • Built and maintained financial research websites and APIs for brokerage companies using JavaScript/Node.js.
  • Uplifted the old codebase to new frameworks for performance and simplicity using Angular and Vue.
  • Automated financial PDF reports in Node.js and Carbone.io.
Technologies: Automation, Jest, Vue, Node.js, JavaScript, Sass, REST APIs, Express.js, HTML, PHP, D3.js, Grunt, Vue 2, Angular, AngularJS

Lead React Developer

2017 - 2018
Bitotality
  • Worked with a large team of engineers in the development of the internal web application primarily using JavaScript stack.
  • Created and improved featured including video chat, instant message, phone services, contact management, and online meetings.
  • Led engineers in designing and prototyping a new "communication history" feature.
  • Developed and maintained scripts and web applications to manage defects which significantly increased productivity.
  • Assisted with debugging and resolving defects in web applications.
Technologies: Jest, React, Node.js, JavaScript, HTML

Front-end Developer

2016 - 2017
Jeunesse
  • Developed and maintained front-end code using JavaScript, C#, MVC, and Razor HTML.
  • Created several web applications and landing pages.
  • Built landing pages and responsive web applications using jQuery and Bootstrap.
  • Conducted unit testing to deliver optimal browser functionality.
Technologies: HTML, Razor, C#, CSS3, JavaScript, Nuxt.js

Toptal React Accelerator

https://drive.google.com/file/d/13BVVYrkTA1npsDBplcXrSfaU33us0jSl/view?usp=sharing
The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, NextJS, Redux, and GraphQL. This is a two-month program that consists of rigorous learning exercises and hands-on activities along with a stringent evaluation process, comprehensive learning assessments, and 30-40 hours of building an Invoice Management System. Within this invoicing application, users are able to track invoices, clients, and company information.

Senior HealthCare Direct | Medicare Insurance Marketing Site

https://seniorhealthcaredirect.com
A marketing site for a medicare insurance brokerage firm. As a senior front-end developer, I built the main site using WordPress and the blog using Next.js and Contentful CMS with a high-level Agile development team.

Liberty Health Sciences | Cannabis Shopping Site

https://www.libertyhealthsciences.com/
A single-page application online shopping site for a provider of high-quality cannabis. It was built with Next.js, TypeScript, RTK-Query, TailwindCSS, Strapi Headless CMS, GraphQL, Storybook, and Dutchie+.

As a senior React engineer, I translated designs into high-quality code. Also integrated Google Analytics and Hotjar via GTM for tracking customers and sales.

ClassDojo | Classroom Community Mobile App

https://play.google.com/store/apps/details?id=com.classdojo.android&hl=en_US&gl=US
A beautiful, safe, and simple communication app for teachers, parents, and students. I worked as a React developer focused on converting a native Android app into a hybrid mobile app using Next.js and Flutter. I collaborated with developers to establish the coding standards and code organization strategy and increased testing coverage using Jest and Cypress.

Outvote

https://www.outvote.io/
A political/civic tech app helping progressive campaigns organize and mobilize. As a senior React developer, I created new features based on mockups, implemented the pixel-perfect design, and increased testing coverage of the existing application using Cypress.

Languages

PHP, CSS3, Ruby, Python, JavaScript, CSS, Sass, HTML, ECMAScript (ES6), TypeScript, C#, GraphQL

Frameworks

Ruby on Rails (RoR), Cypress, Serverless Framework, Express.js, React Native, Angular, Jest, Material UI, Next.js, AngularJS, Redux, Tailwind CSS, Capybara, Nuxt.js, Django, Razor

Libraries/APIs

Node.js, REST APIs, React, Vue 2, D3.js, React Redux, Vue, Yup, jQuery, Ruby on Rails API, WebRTC, Sidekiq

Tools

GitHub, AWS CloudFormation, GitLab CI/CD, Webpack, Gulp, Grunt, Google Analytics, RSpec, Babel, Terminal, Webcam SDK, CircleCI, AWS CLI

Paradigms

Agile Software Development, Responsive Layout, Agile, Unit Testing, E2E Testing, Automation

Platforms

Visual Studio Code (VS Code), AWS Lambda, Contentful, WordPress, Mapbox, Amazon Web Services (AWS), Docker, Mailgun

Storage

Amazon DynamoDB, MySQL, PostgreSQL, MongoDB, Elasticsearch, Redis

Other

Amazon API Gateway, Styled-components, Responsive Design, Front-end Development, ESLint, PWA, Computer Science, Responsive UI, Google Tag Manager, Front-end, Strapi, Gatsby, WebSockets, Content Management Systems (CMS), Storybook, Bootstrap 4, Cloud, Sitecore, Mobile UX, Human Resources (HR), Charts

2013 - 2015

Master's Degree in Computer Science

Universidad de Granada - Granada, Spain

JULY 2022 - PRESENT

Toptal React Accelerator Graduate

Toptal, LLC

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring