About
Results-driven Frontend Developer with 2+ years of experience building scalable, high-performance web applications using Angular 16+ and TypeScript. Proven expertise in developing responsive user interfaces with Tailwind CSS and Angular Material, integrating RESTful APIs, and optimizing application performance. Strong foundation in component-based architecture, reactive programming with RxJS, state management with NgRx, and agile methodologies. Delivered measurable improvements including 40% reduction in load times and 35% increase in development efficiency through reusable component libraries.
Skills & Expertise (52)
Work Experience
UI/Frontend Developer - Angular
Yorosis Technologies
Oct 2022 - Present
Designed comprehensive workflow automation interface using Angular 19 with drag-and-drop node-based editor. Built workflow builder with 20+ nodes including conditional branches, loops, data transformations, API integrations, and email triggers. Developed node configuration panels, real-time execution preview with visual debugging, and error highlighting capabilities. Implemented workflow versioning, testing, deployment interface, and monitoring dashboard displaying execution history and performance metrics. Enhanced workflow creation efficiency by 35% through intuitive visual design and comprehensive node library. Architected AI-powered dynamic form builder using Angular 19 with intelligent field suggestions and real-time validation engine. Built drag-and-drop form builder interface supporting 15+ field types with conditional logic, multi-step workflows, and custom validation rules. Developed field configuration panels for customizing properties, validation rules, placeholder text, and default values. Created form preview interface with real-time updates and form analytics dashboard tracking submission rates and user interaction patterns. Implemented form submission handling with API integration, email notifications, and data persistence capabilities. Reduced form creation time by 40% through AI-powered suggestions and intuitive UI design. Developed scalable dashboard modules with lead management, contact tracking, and sales pipeline visualization using Angular 19. Built resizable dashboard UI with drag-and-drop widget positioning and customizable layouts. Created customer interaction timeline with activity tracking, notes, and communication logs. Implemented advanced filtering, sorting, and search functionality across all modules. Developed data visualization components using Chart.js for sales analytics and performance trends. Built role-based access control interface for managing user permissions and data visibility. Improved user productivity by 30% through personalized dashboard layouts. Implemented Module Federation architecture for micro frontend deployment, reducing build times by 30%. Optimized application bundle size through code splitting and lazy loading, achieving 25% reduction in initial page load time. Achieved 30% improvement in runtime performance and 40% reduction in memory consumption. Reduced bundle size by 45% through tree shaking and code optimization. Developed comprehensive reusable component library with 50+ Angular components following atomic design principles. Integrated Tailwind CSS utility-first approach for rapid UI development while maintaining consistent styling. Created design system documentation with component usage guidelines, code examples, and best practices. Maintained responsive layouts across desktop, tablet, and mobile devices with mobile-first approach. Implemented NgRx state management architecture, reducing component coupling by 50%. Leveraged RxJS Observables for reactive programming patterns and real-time data updates. Integrated RESTful APIs with comprehensive error handling, request/response interceptors, and caching strategies. Implemented OAuth 2.0 authentication flow and JWT token management for secure third-party integrations. Reduced API-related errors by 45% through proper error handling and retry mechanisms using RxJS. Established robust testing framework using Jest with 85% code coverage across components, services, and directives. Conducted thorough cross-browser testing ensuring compatibility across Chrome, Firefox, Safari, and Edge. Implemented accessibility features ensuring WCAG 2.1 Level AA compliance with proper semantic HTML and ARIA labels. Collaborated with backend developers to define API contracts, data models, and integration specifications. Worked closely with UI/UX designers to translate Figma mockups into pixel-perfect, accessible user interfaces. Participated in daily stand-ups, sprint planning, grooming sessions, and retrospectives following Agile/Scrum methodologies. Managed version control using Git and GitHub with feature branching, pull requests, and code reviews. Documented code, components, API integration guides, and development processes for knowledge sharing. Mentored 2 junior developers on Angular best practices, TypeScript patterns, and RxJS operators.
Education
Bachelor of Computer Applications (BCA) - Vysya College
2020 - 2023 · Afghanistan
Higher Secondary Certificate (HSC) - Government Higher Secondary School
2019 - 2020 · Afghanistan
Secondary School Leaving Certificate (SSLC) - Government Higher Secondary School
2017 - 2018 · Afghanistan
