Jimmy Barranco, Developer in Madrid, Spain
Jimmy is available for hire
Hire Jimmy

Jimmy Barranco

Verified Expert  in Engineering

React Developer

Location
Madrid, Spain
Toptal Member Since
August 2, 2022

Jimmy is a lead full-stack and mobile developer. For the past nine years, he has helped countless startups and companies of different sectors solve their web problems lean and quickly. React and TypeScript usually fuel his projects, and he works great with teams of all sizes, from startups to enterprises. Jimmy is naturally curious and loves projects that get him out of his comfort zone while making a difference.

Portfolio

Tilda Technologies, Inc.
React, Next.js, User Interface (UI), User Experience (UX), Material Design...
Gartner - Peer Community
React Native, React, Next.js, Google Optimize, CircleCI, A/B Testing, Web UI...
Freelance
JavaScript, TypeScript, PHP, WordPress, LAMP, MERN Stack, React, Next.js...

Experience

Availability

Part-time

Preferred Environment

Git, GitHub, Visual Studio Code (VS Code), MacOS, Postman

The most amazing...

...thing I've developed is a casting management app I made during COVID-19. It handled actors and online auditions, helping a lot of productions in distress.

Work Experience

Lead Software Engineer

2023 - PRESENT
Tilda Technologies, Inc.
  • Developed and led the landing page that serves over 3 million monthly active users, optimizing it for SEO and speed.
  • Developed Humata's reusable component library as a private npm package based on the Figma mocks of the design system, extending the styles and functionality of Material UI and Base UI components and creating more complex components from scratch.
  • Led the effort of adding support to the app's different file extensions, including Word and PowerPoint documents. This involved processing and converting file extensions into a readable data stream for Humata's internal AI to process.
  • Added support for OCR to images, office files, and PDFs with embedded images to allow further expansion of Humata's file compatibility. This is a feature available to enterprise users deployed on a serverless architecture.
  • Added, improved, and maintained CI/CD pipelines for Humata's different systems, using primarily GitHub Actions and Vercel, improving the time to release new changes by up to 25%.
  • Designed the architecture and developed an analytics panel of relevant metrics for enterprise users about their usage across the platform. Created the full-stack solution, from the front end to the querying, processing, and aggregation of data.
Technologies: React, Next.js, User Interface (UI), User Experience (UX), Material Design, Material UI, Vercel, TypeScript, Sass, CSS, Serverless, Serverless Architecture, Private NPM Modules, UI Components, Storybook, LaunchDarkly, Lambda Functions, OCR, Artificial Intelligence (AI), GPT, OpenAI GPT-3 API, OpenAI GPT-4 API, GitHub, GitHub Actions, Vercel Analytics, Google Search Console, Search Engine Optimization (SEO), Web UI, App UI, Stripe, Upstash, QStash, Ngrok, Recoil, Redis, CI/CD Pipelines, DevOps, Clustering, Generative Pre-trained Transformers (GPT), OpenAI, PostgreSQL, PostgREST, Supabase, Dashboards, Metrics, User Metrics, Analytics, JSON-LD, Schema.org

Senior React Engineer

2022 - 2023
Gartner - Peer Community
  • Migrated a React Native web app to Next.js for better SEO and improved performance.
  • Implemented A/B tests on Gartner Peer Community (formerly Peer Insights).
  • Developed rapid iterations of new features for the web and mobile app.
  • Participated in the launch of Peer Community, a social platform where verified peers can share insights. This required developing features, changing the branding across the apps, and releasing all of those changes simultaneously on all channels.
  • Improved the existing authentication system on the front end, making it more robust, predictable, and compatible with the latest security standards.
  • Implemented and monitored BugSnag for error tracking across the web app.
  • Contributed to the complete redesign of the web and mobile app, following Gartner's internal design system and following best practices.
Technologies: React Native, React, Next.js, Google Optimize, CircleCI, A/B Testing, Web UI, Docker, Agile, CI/CD Pipelines, SEO Tools, JavaScript, TypeScript, Amazon Web Services (AWS), Web Development, Mobile Apps, Figma, Bugsnag, JSON Web Tokens (JWT), Auth, iOS, Android, React Native for Web, HTML, CSS, Webpack, ECS, Amazon Elastic Container Registry (ECR), Amazon CloudFront CDN, Jest, E2E Testing, End-to-end Implementation (E2E), Testing, Front-end, Node.js, Visual Studio Code (VS Code), HTML5, Redux, REST APIs, Redux Thunk, REST, Sentry, Git, User Interface (UI), User Experience (UX), React Redux, Mobile, JSON-LD, Schema.org

Full-stack Developer

2014 - 2022
Freelance
  • Developed the front end of a closed HR recruitment web app using React, TypeScript, and AWS, connected to a Python REST API.
  • Led a team of two front-end developers, two back-end developers, and one mobile developer. We created a freight company's tracking web and mobile app.
  • Developed a regional store using React and Hydrogen on the front end and Shopify on the back end.
  • Developed and secured WooCommerce stores using custom PHP logic and custom plugins.
  • Collaborated with the engineering department of a financial institution to develop a redesigned web app using React, TypeScript, and Next.js that allowed clients to keep track of the performance of their products.
  • Created custom full-stack solutions for clients, from design and planning to CI/CD and deployment.
  • Tested existing websites and web apps, diagnosing possible improvements; planned and executed a development roadmap alongside other freelance developers and designers.
  • Developed a React Native iOS and Android app for a continuing education company to use with the participants of their in-person courses to share real-time information and materials.
Technologies: JavaScript, TypeScript, PHP, WordPress, LAMP, MERN Stack, React, Next.js, Gatsby, MySQL, PostgreSQL, MongoDB, Amazon Web Services (AWS), Amazon Cognito, Auth0, Auth0 API, AWS Elastic Beanstalk, Amazon EC2, Amazon S3 (AWS S3), Elastic, Bootstrap, Mantine, Material Design, Chakra UI, React Native, REST APIs, Illustrator CC, Photoshop CC, Adobe Experience Design (XD), Express.js, HTML, CSS, CSSinJS, SCSS, Vercel, Azure, WooCommerce, Jest, Storybook, APIs, Figma, Amazon CloudFront CDN, AWS CodePipeline, Amazon Simple Email Service (SES), Amazon Simple Notification Service (Amazon SNS), JSON Web Tokens (JWT), Amazon OpenSearch, HTML5, PayPal, PayPal API, Stripe, Stripe API, Front-end, SQL, Node.js, Swift, Visual Studio Code (VS Code), Redux, Redux Thunk, REST, Web UI, Web Development, Mobile Apps, E2E Testing, Sentry, Webpack, iOS, Android, Docker, Paddle, Git, i18n, CI/CD Pipelines, Tailwind CSS, User Interface (UI), User Experience (UX), React Redux, Mobile

Creative Director | Lead Developer

2018 - 2019
PixelNation.do (Freelance)
  • Led a team that developed a custom web app to handle the intranet of a K-12 school using React and Next.js on the front end and Node.js, Express, and Microsoft SQL on the back end.
  • Developed a real-time inventory web app that tracked all products of a fireworks company across all of their warehouses and stores and was linked to their online store using Vanilla PHP using MVC design.
  • Led a team that developed a custom project manager for a consulting company to handle projects directly with their clients using PHP and React.
  • Redesigned corporate websites using WordPress, creating custom plugins and themes, and improving overall speed, loading times, and time-to-first-byte.
  • Developed custom WordPress plugins for clients using PHP, jQuery, and Bootstrap.
  • Built custom UI/UX for web and mobile in constant communication with the client and outsourced and contracted designers.
  • Developed custom WordPress themes based on Figma, XD, and Photoshop files.
Technologies: JavaScript, TypeScript, PHP, Amazon Web Services (AWS), WordPress, React, Next.js, Node.js, Illustrator CC, Photoshop CC, Adobe Experience Design (XD), XD to HTML, APIs, Sublime Text, HTML, CSS, Visual Studio Code (VS Code), PayPal, PayPal API, Front-end, SQL, PostgreSQL, MongoDB, Azure, HTML5, Bootstrap, Redux, REST APIs, Redux Thunk, cPanel, PHP 5, Web UI, Web Development, Git, i18n, WordPress REST API, WordPress API, User Interface (UI), User Experience (UX), React Redux, Mobile, Software Architecture, Architecture, API Gateways, Amazon API Gateway, Elasticsearch, Xapian

Creative Director | Partner

2015 - 2016
GWD | Rouge
  • Led a team that developed a complete redesign of a transportation company's web app using WordPress and custom PHP endpoints. This led to an increase from 20-30 thousand to 130-140 thousand daily active users.
  • Developed a web app that handled internal requests from guests between different departments inside a hotel.
  • Built the front end of a web app used for international oil transportation logistics management using PHP.
  • Worked with advertising agencies to create custom web experiences for nation and region-wide campaigns.
  • Diagnosed issues and speed bottlenecks on existing web apps and websites from clients using PHP and WordPress.
  • Used PHP as the main programming language, along with jQuery and Bootstrap, on LAMP environments.
Technologies: PHP, WordPress, HTML, CSS, User Interface (UI), User Experience (UX), Bootstrap, APIs, jQuery, cPanel, DevOps, PHP 5, PHP 7, REST APIs, Atom, Sublime Text, PayPal, JavaScript, PayPal API, Front-end, SQL, HTML5, WooCommerce, Web UI, Web Development, Git

CastingHub for Web

A React-based web app built with TypeScript, Next.js, and Redux on the front end and Node.js, Express, and MongoDB on the back end. I was the sole full-stack developer of the project, making the entirety of the application.

This web app targeted film and TV casting directors to manage actors' profiles and their personal information, such as headshots, photos, audition tapes, clothes measurements, and project-linked auditions. Each audition allows the actors to submit their profiles directly through a public-facing short link. The casting directors could filter and approve profiles, requesting additional photos or files and even requesting actors to send a pre-recorded audition or a live one, all within the platform.

The web app uses localization in different languages, including automatic language detection from the browser and overruling that with custom settings from the back end.

Migration of Private Social Network to Next.js

https://www.gartner.com/peer-community
A React Native-based private social network for top-level executives from one of the biggest IT firms in the world. I was involved in the front-end migration from React Native for web to Next.js to improve SEO and overall performance and update the stack for the web app.

HR Recruiting and Social Network Web App

A React-based web app that runs on TypeScript and Azure.

I was the lead front-end developer in charge of the front-end design and stack decisions. I worked alongside a back-end development team, integrating the front-end app with their Python and Django REST API.

The project is a private recruiting web app for an HR firm that works 50% as a recruitment app and 50% as a social network. It handles candidates' profiles, experience, education, and connections as a social network. This involved detailed dashboards, fine-tuned filtering and searching, intricate candidates' profiles, and visual cues in linking elements, like schools and companies, to individual profiles.

Film Press and Marketing Materials Web and Mobile App

A React-based front end, React Native mobile apps, and Node.js back end handle press and marketing materials distribution for one of the biggest film studios in Latin America.

I served as a lead developer for the team that built the front-end distribution using React, Next.js, TypeScript, and Redux, the mobile app using React Native, TypeScript, and Redux, and the back-end API using Node.js, Express, TypeScript, MongoDB, and PostgreSQL.

Serving content as a headless CMS, the REST API serves sensitive press and marketing materials to private accounts that belong to press members. Each account has to undergo approval, and after that, a member-based distribution of press kits, private screeners, EPKs, trailers, soundtracks, and more. The app also handles localization for handling content for Spanish, English, French and Portuguese users.

The platform runs on AWS. We used S3 buckets for storing content, Elastic Beanstalk for deploying the React web app and the Node.js REST API over EC2 instances and CloudFront for safely delivering content to the users, and Elemental MediaConvert for converting the private screeners and trailers to different sizes to server the client and Lambdas for triggering those conversions.

Educano | Corporate WordPress Website

https://www.educano.edu.do/
A custom WordPress corporate website for Educano, a private school for children with special needs in the Dominican Republic.

I was the sole developer of the project, setting up the website and creating a custom WordPress theme using Bootstrap 4. The platform runs on a private server, using a LAMP stack.

DGH & Asociados Corporate WordPress Website

https://www.dgh.com.do/
A WordPress-based corporate website for DGH & Asociados, a consulting company for Dominican companies.

I served as the sole developer of the project, creating the WordPress website, the custom theme, and creating custom plugins to properly integrate the events-registration plugins with local payments gateways and their internal systems.

Note: The project is currently being redesigned as a Gatsby website for the static content and a Next.js web app for the events registration and payments.

Strategia Consulting Corporate WordPress Website

https://www.strategia.com.do
A WordPress-based corporate website for the Strategia Consulting Group in the Dominican Republic.

I served as the sole developer of the project, setting up the public-facing WordPress website, customizing an existing WordPress theme, and integrating the WordPress login system through the API with a custom web app they have for handling project management internally and for their clients.

The website runs on a LAMP stack on a private server.

Private Consulting Project Manager for Web and Mobile

A PHP and React-based project made for a corporate consulting client. The app handles project management for consulting projects, exchanging information between the company and the client in real-time.

I worked as a lead developer with one front-end developer and a mobile developer. The front was based on React, JavaScript, and Redux, using a custom back end that worked on PHP 7. The project runs on a private server, with the entire app being deployed with CI/CD.

The React app consumed data from the PHP back end, which used the WordPress login API to handle authentication. This allowed the profiles to be integrated with the WordPress-based front website the company has.

Some of the functionalities of this project management app are:
• Custom Kanban board.
• Private file sharing between the company and the clients.
• Deadlines and goals with specific tasks and percentages of completion.
• Real-time document editing using WebSockets.
• Internal team member assignment of tasks.
• Calendar and dates management company-wide.

Retail Orders' Transportation Tracking Web App

A React-Next.js-based web app that handled real-time tracking of transportation of packages coming in and out of the Dominican Republic by a regional company. This is an internal app that handles the freight, internal packages, and container transportation of big retail companies' orders.

I served as the only developer for the front end based on Next.js, TypeScript, and Redux.

The web app consumed information from a REST API running on Microsoft ASP.NET and made by another team of developers and used WebSockets for handling real-time tracking.

Some of its features are:
• Real-time tracking on a map and via updates for trucks and packages.
• Status management for each package.
• Secure file processing for managing customs requirements.
• Division and filtering of packages per batch, which could be per airplane or ship container.

Landing Page for AI Startup

https://www.humata.ai
A Next.js landing using server-side components and a custom styled-components library. I was the lead developer, in charge of the project and leading the development effort. I collaborated with the corresponding departments to provide interconnection with Humata's back-end and internal tracking tools.

Propel: Property Management App for the Caribbean

https://www.propel.do
A TypeScript, Next.js, and Node.js-based property management app. I was the CTO of the project, designing and implementing the entire architecture of the app alongside the front-end and back-end code and the respective CI/CD pipeline. The main goal was to provide an experience that is better than what other competitors are currently offering in the region.
AUGUST 2023 - AUGUST 2026

AWS Certified Developer – Associate

Amazon Web Services

Languages

JavaScript, TypeScript, PHP, HTML5, CSS, HTML, PHP 5, SQL, Swift, SCSS, PHP 7, Go, Sass

Frameworks

Next.js, Express.js, React Native, Bootstrap, Redux, JSON Web Tokens (JWT), Jest, Tailwind CSS, Android SDK, Material UI, OAuth 2

Libraries/APIs

React, jQuery, Mantine, REST APIs, Lodash, Stripe, React Redux, Node.js, Redux Form, CSSinJS, WordPress REST API, WordPress API, React Native for Web, PayPal API, Stripe API, Auth, Auth0 API, Google Maps, PostgREST

Tools

Sublime Text, Illustrator CC, Photoshop CC, Amazon CloudFront CDN, Redux Thunk, GitHub, Amazon Simple Email Service (SES), Sentry, Secure Web Gateways (SWG), Amazon Cognito, Auth0, Atom, Elastic, Git, Postman, Amazon OpenSearch, Figma, Google Optimize, Amazon Simple Notification Service (Amazon SNS), Amazon Elastic Container Registry (ECR), Amazon Elastic Container Service (Amazon ECS), Bugsnag, Webpack, AWS Fargate, AWS IAM, LaunchDarkly, Adobe Experience Design (XD), CircleCI, AWS Step Functions, Xcode, Android Studio, Ngrok, AWS ELB, Google Analytics

Paradigms

REST, Testing, DevOps, Agile, E2E Testing, Serverless Architecture, Search Engine Optimization (SEO), Microservices

Platforms

WordPress, Amazon Web Services (AWS), LAMP, WooCommerce, MacOS, Visual Studio Code (VS Code), cPanel, Mobile, AWS Elastic Beanstalk, Amazon EC2, Vercel, Docker, iOS, Android, Azure, AWS Lambda, Microsoft Edge, Google Cloud Platform (GCP)

Storage

MySQL, PostgreSQL, MongoDB, Amazon S3 (AWS S3), Xapian, JSON-LD, Amazon DynamoDB, Amazon Aurora, Redis, Google Cloud, Elasticsearch

Other

Gatsby, User Interface (UI), User Experience (UX), MERN Stack, i18n, PayPal, Paddle, APIs, A/B Testing, Web UI, Web Development, Mobile Apps, Front-end, App UI, Responsive UI, API Gateways, XD to HTML, Material Design, Storybook, CI/CD Pipelines, AWS CodePipeline, Amazon RDS, AWS DevOps, DevOps Engineer, Serverless, Private NPM Modules, Lambda Functions, OCR, Artificial Intelligence (AI), GitHub Actions, Google Search Console, Architecture, Schema.org, Chakra UI, Bootstrap 4, WebSockets, SEO Tools, ECS, End-to-end Implementation (E2E), Cloud, Amazon API Gateway, UI Components, GPT, OpenAI GPT-3 API, OpenAI GPT-4 API, Vercel Analytics, Upstash, QStash, Recoil, Web Application Firewall (WAF), PostHog, Google Analytics 4, Software Architecture, AWS Cloud Architecture, Clustering, Generative Pre-trained Transformers (GPT), OpenAI, Supabase, Dashboards, Metrics, User Metrics, Analytics

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