Jimmy Barranco
Verified Expert in Engineering
React Developer
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
Experience
Availability
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
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.
Senior React Engineer
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.
Full-stack Developer
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.
Creative Director | Lead Developer
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.
Creative Director | Partner
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.
Experience
CastingHub for Web
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-communityHR Recruiting and Social Network Web App
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
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/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/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.doI 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
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
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.aiPropel: Property Management App for the Caribbean
https://www.propel.doCertifications
AWS Certified Developer – Associate
Amazon Web Services
Skills
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
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring