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
