Virture CRM

Project Type

CRM Product

My Role

Frontend Developer / UX

Contribution

UX, Frontend Architecture, QA, Security & NestJS APIs

Timeline

6 months (Scrum) · Version 1

portada de proyecto

Participated in building Virture CRM from scratch, from user research to deployment, creating a responsive, accessible, secure, and tested interface.

How I improved the experience and architecture of Virture from end to end

CRM PRODUCT · Role: Frontend Developer / UX · Scrum · 6 months - Version 1 · Team: client, design, and dev


Summary

I participated in building Virture CRM from scratch, from user research to deployment. My work focused on creating a responsive, accessible, secure, and tested interface while accelerating team deliverables.

40%

Fewer server requests via client-side caching

40+

Documented and tested components reused across the project

Product & UX

  • Researched competitors and user pain points to define priority modules.
  • Worked in Scrum cycles with continuous alignment with client, design, and development teams, iterating on functional modules.
  • Validated designs and use cases before implementation to prevent rework.

Frontend Development

  • Developed modules adhering to project architecture and coding conventions to ensure code consistency.
  • Refined components into stable, reusable versions, documenting variants in Storybook.
  • Applied WCAG 2.1 AA guidelines so the application can be operated via keyboard and screen readers.
  • Developed a mobile-first responsive interface tailored for mobile, tablet, and desktop viewports.

Quality Assurance

  • Created unit and integration tests with Vitest covering accessibility, storage, user response, data types, and security, alongside E2E tests with Cypress.

Security & Performance

  • Applied OWASP Top 10 practices, such as sanitizing HTML input prior to saving to prevent cross-site scripting (XSS).
  • Implemented client-side caching to preserve unsaved form drafts and reduce server requests by 40%.

AI & Automation

  • Automated user responses using n8n workflows integrated with LLM APIs.
  • Leveraged Cursor, Claude Code, and v0 for rapid prototyping during urgent sprints to validate usability before integration, cutting lead time and providing planning leeway.

Backend Support

  • Stepped in when backend resources were unavailable to develop and optimize APIs using NestJS, Prisma, and MongoDB.
  • Refactored existing APIs applying SOLID principles, shrinking code footprint and simplifying unit, integration, and performance testing.

Stack

VuePiniaTypeScriptTailwindVitestStorybookn8nLLM APINestJSPrismaMongoDBWCAG 2.1 AAOWASP Top 10Cypress
Contact Me