Harrison Umbarila
Product Manager
7+ years exp
2+ projects
JavaScript
UI Component Architecture: 4/10
Active 12 days ago
+57 (313) 4735966
Invite to interview
Message
Download CVCV
Overview
Technical skills
Timeline
Roles
Overview
Frontend app engineer (early-career) focused on small React SPAs and static web UIs. The strongest proven skill is building interactive client-side interfaces with charts, filtering and pagination as shown in yellow-check-prototype/src/components/Reports.js. There is limited evidence of server-state handling, advanced performance work, automated tests, or systematic accessibility beyond basic labels.
Technical skills
JavaScript• Middle
Node JS
Strapi• 7y+
Frontend
React.js
Chart.js
React Router
DevOps
CI/CD
Design
Figma• 2 projects
QA
Jest
Databases
PostgreSQL• 7y+
Google BigQuery• 5y+
MySQL• 5y+
AI/ML
ChatGPT
Claude
Cursor
Claude Code
Timeline
Product Operations Manager
•
Lead
Talus Pay
•
Full-Time
Owned product operations for merchant and ISV experiences in a U.S. fintech environment. Translated customer and operational needs into clear PRDs and outcome-driven roadmaps. Coordinated cross-functional squads through discovery, alignment on priorities, and delivery for workflows covering onboarding, real-time KYC/KYB, AI-assisted risk steps, underwriting, and processor/ISV integrations.
Jira
Confluence
ChatGPT
Claude
Cursor
Product Manager
•
Lead
Farmu
•
Full-Time
Managed a digital product portfolio across a warehouse management system, e-commerce experiences, and internal tools. Led discovery, backlog management, user research, and outcome-based roadmapping through delivery and go-to-market. Worked closely with cross-functional teams to define user stories and sprint goals while keeping stakeholders aligned.
Jira
Miro
MySQL
Google BigQuery
Amplitude
Hotjar
Strapi
Product Manager
•
Lead
Habi
•
Full-Time
Iterated on call-center platforms, pricing tools, and seller portals for a proptech company. Conducted ongoing customer discovery and converted insights into product improvements. Built outcome-oriented roadmaps and managed the product lifecycle from discovery through delivery and go-to-market.
Jira
Mirosince 2021
MySQLsince 2021
Google BigQuerysince 2021
Confluence
IT Project Manager
•
Lead
Superfüds
•
Full-Time
Managed the product lifecycle for the company’s ERP and e-commerce platform. Helped structure an agile product organization using Scrum and Kanban practices. Led backlog management, user story refinement, and sprint goal definition with a cross-functional team.
Jirasince 2019
PostgreSQL
Confluencesince 2019
Strapisince 2019
Universidad ECCI
Bachelor's Degree •
Industrial Engineering
Middle Frontend Developer
Confidence: Medium App Engineer
Frontend app engineer (early-career) focused on small React SPAs and static web UIs. The strongest proven skill is building interactive client-side interfaces with charts, filtering and pagination as shown in yellow-check-prototype/src/components/Reports.js. There is limited evidence of server-state handling, advanced performance work, automated tests, or systematic accessibility beyond basic labels.
UI Component Architecture
4/10
How interface parts are built
Modular React components and simple composition exist, but no custom design system, tokenization or advanced component architecture; styling is mostly inline or file-scoped CSS.
Evidence
yellow-check-prototype/src/components/Reports.js: Modular component with charts and internal logic
yellow-check-prototype/src/components/Dashboard.js: Reusable UI pattern and openTransactionDetails handler
yellow-check-prototype/src/components/CreateRule.js: Small composed form component using MenuHamburger and Breadcrumbs
Responsive & Cross-browser
3/10
Works on all screens and browsers
Basic responsive layout implemented with media queries and fluid widths; no evidence of container queries, RTL/i18n readiness or feature-detection.
Evidence
xyz-rentals/xyz-rentals/styles.css: multiple @media rules and responsive layout adjustments
transferapp/transferapp/styles.css: @media (max-width: 768px) rules for responsive buttons
yellow-check-prototype/src/components/Reports.js: chart options set responsive: true
Performance Optimization
2/10
Speed of the interface
No measured performance work, no code-splitting or virtualization; lists and charts are rendered directly from in-memory arrays.
Evidence
yellow-check-prototype/src/components/Reports.js: in-memory transactions array and direct table rendering without virtualization
package.json (yellow-check-prototype): no performance or bundle-analysis tooling declared
Accessibility & Semantics
3/10
Usable for everyone
Basic semantic markup and form labels are present, but there is no dedicated ARIA usage, focus management, or systematic a11y tooling shown.
Evidence
yellow-check-prototype/src/components/Adjustments.js: label htmlFor and input pairing in forms
yellow-check-prototype/src/components/CreateRule.js: labeled form fields
xyz-rentals/xyz-rentals/checkout.html: form labels present for inputs
State Management & Data Flow
3/10
Managing data in the app
Local state and UI-driven flows are handled with useState and client-side routing; no server-state management patterns, request cancellation, optimistic updates or state machines are present.
Evidence
yellow-check-prototype/src/components/Reports.js: useState for filters and client-side pagination and filtering
yellow-check-prototype/src/components/Rules.js: useNavigate for SPA navigation
yellow-check-prototype/src/components/Adjustments.js: local form state and synchronous validation
UX & Visual Polish
3/10
Look and feel quality
Visual polish and consistent styling exist (progress bars, cards, charts), and some simple edge-state handling (form error message), but loading/empty/stale states and undo/rollback UX are not implemented.
Evidence
xyz-rentals/xyz-rentals/booking-options.html and checkout.html: progress-bar UI and summary cards
yellow-check-prototype/src/components/Reports.js: chart panels and table layout
yellow-check-prototype/src/components/Adjustments.js: inline error message for a validation case
Expertise
React• Middle
HTML & CSS• Middle
Industries
Financial Services• Middle
Travel & Tourism• Middle
Technologies
Chart.js
React.js
Strapi• 7y+
React Router
Recommendations
- Develop small-to-medium React single-page apps that require client-side forms, filtering and dashboards (dashboards with charts and tables).
- Build interactive prototypes and booking or checkout UI flows for travel or hospitality products where static pages need lightweight client logic.
- Work on frontend tasks that require component decomposition and consistent CSS styling rather than deep backend or infra changes.
- Improve by adding server-state patterns (React Query or SWR), request cancellation, unit/interaction tests and basic a11y audits for future projects.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Middle QA Engineer
Confidence: Medium Generalist
Frontend developer at Middle level specializing in React-based transaction UI prototypes. The strongest proven skill is building interactive charts and paginated transaction tables as implemented in src/components/Reports.js. There is little to no evidence of automated testing beyond a CRA test scaffold, CI pipelines, API integration tests, or performance testing in the public human-authored code.
Test Automation Frameworks
Building automated tests
Not evidenced in public code
Test Coverage & Strategy
1/10
What and how to test
Minimal test artifact exists (CRA default test file) but there is no risk-based test strategy, boundary/negative tests, or property-based tests.
API & Integration Testing
Testing how parts work together
Not evidenced in public code
Performance & Load Testing
Testing speed under load
Not evidenced in public code
Bug Reporting & Analysis
Finding and describing bugs
Not evidenced in public code
CI Test Integration
Running tests automatically
Not evidenced in public code
Industries
Financial Services• Middle
Technologies
CI/CD
JavaScript• Middle
Jest
Recommendations
- Develop end-to-end and component tests for the UI using a focused strategy: add unit tests for components and risk-based E2E tests for flows like filtering, pagination and rule creation.
- Add API integration tests and mock servers for backend interactions so transaction flows can be validated beyond static mock data.
- Introduce CI pipelines with test artifact capture and per-job test stages to run unit, integration and linting steps automatically.
- Improve input validation and negative-path handling in forms and introduce boundary tests that assert exact error states and messages.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories: