Yecksin Mauricio

Yecksin Mauricio

Frontend Developer | Multimedia Engineer

Frontend developer with +6 years of experience, specialized in Angular and modern front-end development. Skilled at leading teams, mentoring, and building scalable platforms from scratch while staying updated with the latest practices.

LinkedIn
Angular
Vue.js
Astro
TypeScript
JavaScript
Ionic
Vue.js
HTML
CSS / SCSS
Bootstrap
Tailwind
PrimeNG
Angular Material
NestJS
SQL
Cloudflare
Firebase
AWS
GIT
Figma
Adobe Illustrator
OpenAI API

Work Experience

Coordinator II – Frontend Development

Alliance Bioversity–CIAT

01/2025 – Present
  • Coordinated the frontend team, mentoring developers and making key technical decisions.
  • Developed applications with Angular 20, Signals, and internal libraries.
  • Implemented CI/CD pipelines and managed deployments on Cloudflare, Firebase, and AWS.

Senior Analyst – Front End Developer

Alliance Bioversity–CIAT

05/2023 – 01/2025
  • Migrated Angular projects from version 9+ to 17 and maintained complex modules.
  • Built reusable components, directives, and implemented unit testing.
  • Optimized performance and accessibility across critical applications.

Systems Analyst – Front End Developer

Alliance Bioversity–CIAT

05/2021 – 05/2023
  • Developed complete features in Angular and maintained legacy code with jQuery and Vanilla JS.
  • Defined project structure, routing, and implemented clean coding practices.
  • Collaborated with backend teams on microservices and SQL to speed up development cycles.

Engineering Internship

Alliance Bioversity–CIAT

08/2020 – 05/2021
  • Provided frontend development support with Angular and Angular Material.
  • Automated basic tasks and created technical documentation.
  • Supported design and prototyping using Notion and Google Slides.

Side Projects

Online Submission Tool

End-to-end submission platform built from scratch with dynamic forms, validations, and workflow management.

Angular
TypeScript
PrimeNG
RxJS
Frontend

Challenge

Create a robust tool to manage proposals and submissions with complex, changing requirements.

Solution

Designed a modular architecture with reusable components, reactive forms, and secure routing to support evolving workflows.

Impact

  • Enabled faster feature delivery under tight deadlines.
  • Reduced maintenance cost through shared components and clear project structure.

Alliance Indicators

Indicators dashboard and data-mapping views for organization-wide tracking and reporting.

Angular
Signals
PrimeNG
Tailwind
Cloudflare

Challenge

Visualize large datasets and KPIs with performant UI and clear data exploration.

Solution

Implemented optimized Angular views (Signals), lazy loading, and API integration for smooth dashboards.

Impact

  • Improved decision-making with real-time, accessible visualizations.
  • Enhanced performance and UX for heavy data screens.

Reporting Tool

Reporting application with advanced CRUD, role-based access, and export features.

Angular
Angular Material
TypeScript
RxJS
CI/CD

Challenge

Provide flexible reporting while enforcing permissions and keeping the UI maintainable.

Solution

Built reusable modules, guards, and shared services; added unit tests and automated deployment.

Impact

  • Accelerated new report creation and reduced regression issues.
  • Standardized UI patterns across modules.

GoFruver Frontend

Frontend development for e-commerce flows and reusable UI components.

Angular
TypeScript
HTML
SCSS

Challenge

Deliver consistent UI for shopping flows with rapid iteration.

Solution

Created component library pieces and integrated REST endpoints for product and cart features.

Impact

  • Improved delivery speed for new sections.
  • Increased UI consistency across pages.

TLM Frontend

Implementation of Angular modules and REST API integration for business features.

Angular
TypeScript
REST

Challenge

Integrate new modules without disrupting existing functionality.

Solution

Applied modular routing and service abstraction to decouple UI from APIs.

Impact

  • Reduced integration friction and simplified maintenance.
  • Enabled independent rollout of new features.

AliadaGo Hybrid App

Hybrid mobile app delivering business workflows with Ionic and Angular.

Ionic
Angular
Capacitor
Mobile

Challenge

Ship mobile features quickly while keeping a single codebase.

Solution

Leveraged Ionic components, Capacitor plugins, and shared Angular services.

Impact

  • Shorter time-to-market for mobile deliverables.
  • Consistent UX across platforms.

Riskfreegame Platform

Full-stack features for a gaming platform using Angular and NestJS.

Angular
NestJS
TypeScript
Full-stack

Challenge

Coordinate frontend and backend changes for new game features.

Solution

Defined clear contracts, DTOs, and shared types; implemented reusable UI/state patterns.

Impact

  • Reduced frontend-backend mismatch issues.
  • Faster iteration on gameplay features.

Alohados Marketplace

Full-stack lodging marketplace, similar to Airbnb, with a strong focus on performance, SEO, and user experience.

Astro
Vue.js
Tailwind
Node.js
Cloudflare
Marketplace

Challenge

Create a scalable lodging marketplace inspired by Airbnb but optimized for speed, SEO, and smooth digital experience.

Solution

Developed with Astro for island architecture, Vue.js for interactive components, and Cloudflare for edge deployments. Implemented modern UX patterns and responsive design.

Impact

  • Achieved fast loading times and improved Core Web Vitals.
  • Enhanced organic visibility through SEO-friendly architecture.
  • Delivered a modular platform ready for future VR/AR lodging features.
Visit Alohados

Teffa Ortiz — Voice Talent Portfolio

Single-page portfolio built with Angular to showcase professional voiceover services, brand story, and audio demos.

Angular
TypeScript
SPA
Audio Demos
SEO
Accessibility

Challenge

Build a fast, polished site for a voice talent to highlight services and playable demos with clear calls to action.

Solution

Developed an Angular SPA with modular components (hero, services, portfolio, contact), custom audio player integration, and on-page SEO (meta/OG tags, structured routing).

Impact

  • Improved lead generation with clear CTAs and contact flow.
  • Optimized performance and accessibility for mobile visitors.
  • Easy content updates via reusable components and clean structure.
Visit teffaortiz.com

Pruebas Globales — Exam Preparation Platform

E-learning platform developed with Angular for practicing and simulating official Colombian exams through interactive mock tests.

Angular
TypeScript
E-learning
Education
Exam Prep
Web Platform

Challenge

Provide a scalable platform for thousands of users to practice with real exam-style questions and track their performance.

Solution

Developed an Angular-based application with dynamic question banks, user authentication, timed simulations, and real-time scoring dashboards.

Impact

  • Helped hundreds of candidates prepare effectively for official Colombian competitions.
  • Enabled continuous practice with updated question sets.
  • Improved user confidence by simulating real exam conditions online.
Visit Pruebas Globales

Uvingo — E-commerce Store (Shopify → Astro Migration)

E-commerce store in progress. Migrating from Shopify to Astro to improve SEO, performance, and control over content and markup.

Astro
Shopify
E-commerce
SEO
SSR/SSG
Performance
Tailwind

Challenge

Improve Core Web Vitals, SEO crawlability, and content flexibility while reducing theme bloat and dependency on Shopify’s templating.

Solution

Rebuilt the storefront with Astro for partial hydration and static generation, keeping Shopify as headless commerce (Storefront API). Implemented clean URL structure, semantic HTML, and strong meta/OG tags.

Impact

  • Better Lighthouse scores and faster TTFB/LCP thanks to Astro’s SSG and edge-friendly delivery.
  • Improved organic discoverability via lean markup, structured data and optimized routes.
  • Developer velocity gains with reusable components and content-first workflow.
Visit uvingo.com