Abdul Affan Email & Phone Number

Vancouver, British Columbia, Canada

• Designed and developed Single Page Applications in React.js using React-Router and used Axios for making Ajax calls and Axios-mock-adapter to mock the API data on the front end.• Used React.js Life cycle methods to perform actions in DOM when the component is created, updated, and removed.• Utilized React to build reusable components with JSX resulting in optimized rendering and performance.• Implemented application architecture of the System based on Spring MVC and J2EE specifications.• Implemented the functionality using Spring IO / Spring Boot and Hibernate ORM.• Utilized React.js for its efficient dataflow architecture to create components, Forms, Events, Keys, Router, and Redux for state management.• Developed React.js components by distinguishing between presentational and container components.• Developed Spring Framework modules and implemented Java EE components using MVC, DI(IOC), JDBC Templates, Spring Security, and Spring transactions for dependency injection and object wiring in business classes.• Developed a secure exam web application using React.js, Typescript, Next.js, GraphQL and Material UI.• Utilized Redux-Saga to implement API requests asynchronously and Axios for Ajax calls.• Worked on Redux for managing the application state and Utilized IstanbulJS for code coverage.• Utilized Material-UI components such as Accordion, Drawer, App Bar, Backdrop, Snackbar, Dialogs and Chip.• Utilized Recharts (a charting library, for data visualization) to create Line charts and Pie charts to display the user’s• data pulled in from the API.Environment: React.js, Typescript, Next.js, Java, J2EE, Spring, JDK 17, Angular, , Microservices, , MongoDB, Spring Security, Hibernate 4.X, UML, Kafka,, RESTful API, JSON, AJAX, JavaScript, Spring Batch, Apache Maven, JUnit, Mockito, , Kubernetes, Terraform, Docker, GIT, AWS.

Calgary, Alberta, Canada

Responsibilities:• Built Client pages using HTML5, CSS3, JSP, XML to interact with users, while business logic is implemented with Servlets and Java Beans.• Developed consumer facing web Portal using React.js, Typescript, Next.js, GraphQL, Material UI, Contentful• Worked on HTML5 new features such as Web sockets, Web storage, Web workers.• Utilized Material-UI features such as Date Picker API,Time Picker API, Infinite Scrolling,Poppers & Sliders.• Employed Styled components for easier management of CSS and dynamic styling of components.• Utilized react-final-form to create high performance forms, manage form states & to provide form validations.• Utilized Material-UI Data grid feature and implemented filtering, sorting and pagination within the grid.• Built highly reusable UI components with React and Styled Components to increase scalability and reusability.• Designed & developed UI for customer service modules and reports using Angular 8, HTML, CSS, Bootstrap, JavaScript, jQuery. Created controllers, Angular components with Angular CLI. Implemented user menu management, bulk attribute updates using Angular, jQuery. Utilized Angular 8 for scalable web apps with reusable components, reducing development time by 30%.• Utilized JavaScript build tools and package managers (such as Webpack) to optimize code, manage dependencies, and automate development workflows.• Expertise in developing applications using Java 8 and deployed J2EE on WebLogic/JBOSS servers for QA & Staging for the J2EE applications on Struts and Spring framework running on WebLogic/JBOSS servers.• Developed and maintained enterprise-level applications using IBM WebSphere Application Server.• Designed and developed GraphQL resolvers to fetch data from multiple data sources, including databases, RESTful services, and other APIs, ensuring seamless integration and data consistency and optimized GraphQL queries and resolvers.

Vancouver, British Columbia, Canada

Responsibilities:• Utilized Spring AOP and JDBC modules in database applications, leveraging Spring IOC for Hibernate session factory and resolving bean dependencies, resulting in maintainable, scalable, and reusable code in Spring Boot.• Collaborated with teams to translate business requirements into efficient React.JS code, achieving a 20% productivity boost. Developed components, Forms, Events, Keys, Routers, and Animations for React.JS SPAs. Enhanced React Observables with Redux and React-router. • Worked with React Native components, Forms, Events, Keys, and Navigation. Designed and refactored React Native components and app navigation using React Navigation for native interactions. Conducted testing on React components using Jest and Enzyme.• Developed the UI using Spring framework, jQuery, and Ajax and created screens using React, CSS3, and HTML5.• Implemented the project structure based on Spring MVC pattern using Spring boot. Hands on experience Spring Boot Actuator, Spring Cloud and Netflix Eureka.• Implemented and maintained JavaScript-based APIs for interacting with back-end services and databases, ensuring seamless data integration and synchronization.• Collaborated with back-end developers to define and implement RESTful APIs and JSON data structures, facilitating smooth communication between front-end and back-end systems.• Utilized Node.JS to build RESTful APIs and integrated them with React.JS, resulting in a seamless user experience. I created the SOAP web services interface for the Java-based runtime engine and accounts.Environment: Java8, Azure, React.JS, Hibernate, Spring (AOP, Dependency Injection), XML, Tortoise SVN, Spring MVC, J2EE, JSM, OAuth, JUnit, Node.JS, Oracle DB, Oracle 11g, microservices, Maven, Docker, GraphQL, OpenShift, Spring boot, Kafka, JMS, Oracle, Docker, IAM, PL/SQL,