Home

Abbas - Sr. Front-End UI/UX Developer

[email protected]

Location: Remote, Remote, USA

Relocation: Remote

Visa: GC

Abbas Sr. Front-End UI/UX Developer (737-2390216) [email protected] Mt Laurel, NJ Remote GC https://www.linkedin.com/in/abbas130 Summary Over 8 years of extensive experience as a Lead Front-End UI/UX Developer with solid understanding ofdatabase designing, development, and installation of different modules. Expert working with cutting edge front-end frameworks and libraries like AngularJS, ReactJS, NodeJS, jQuery, JSON, AJAX and Restful services. Proficient in structuring, creating, and keeping up UI for Single Page Applications (SPA) utilizing AngularJs Version 9 and 10 also MVC Framework, and react.js in start - up, monetary training. Experience in implementing Component life cycle architecture, store actions, using socket.io in React- Redux app to handle real time data, installing React Router, Thun Redux for API calls in React JS. Hands on experience in Web Application development using VueJs,HTML, CSS, JavaScript, jQuery, AJAX and JSON. Expert in working with UI/UX Design technologies, front - end technologies/ framework and libraries like Sketch, Photoshop, Illustrator, InVision, Balsamiq, Dreamweaver, Flex, Wireframes, Prototyping, jQuery, Prototype, HTML, DHTML, JavaScript, ES6, Clojure, JSON, CSS, XML/XSLT, AJAX. Experienced in working with Apache, IIS web servers and GITLAB Experienced in WEB and GUI development using HTML, DHTML, XHTML, CSS, JSP, JavaScript, jQuery, DOJO, POJO, AJAX, JSON technologies. Solid experience in developing Single Page Applications (SPAs) with ReactJS and Redux using React- router and ES6. Experience and building an isomorphic application using React.js and Redux with GraphQL on server side. In-Depth understanding of entire web-based architectures, web technologies, SDLC and OOAD. Excellent knowledge and experience in Oracle Database, DB2, JDBC, PL/SQL, MS SQL Server, My SQL Server, MongoDB. Built administrator page displaying profile information in React.js and GraphQL. Strong experience in using React JS along with Redux and Flux for creating reusable UI components. Experience with popular React.js workflows such as Redux and Flux Experience working in various Software Development Methodologies like Agile, Waterfall, SCRUM and TDD. Expertise in integrated environment for java such as Eclipse, MyEclipse, RAD, NetBeans, ClearCase and VSS. Experience in developing and implementing Web Services using SOAP, WSDL Experience with Core Java and J2EE using most of the advanced features of Java including Spring, Hibernate, iBatis, JDBC, Struts, EJB, Servlets. Good at Documenting and Understanding User requirements and System Specifications. Excellent Client interaction skills and proven experience in working independently as well as in a team. Experienced in Creating Domain Model, Activity Diagrams, Use Case diagrams, class diagrams, sequence diagrams and Object Model. Hands on UML compliant high-level design with data flow diagram, Class Diagrams, Sequence Diagrams, Activity Diagram and Use Cases and documenting for peer developer. Excellent Leadership, Technical, Communication, Analytical and Problem-Solving skills, and ability to get on well with people including cross-cultural backgrounds. Good understanding in new web technologies like React.JS, Redux, Loads, Babel, ES6 Performed mobile testing on the mobile web and React Native apps. Skills Experience MARCH 2019 December 2022 Lead Frontend UI/UX Developer / Mastery, Golden, CO Leads workshops to develop solutions from a program perspective in association with all interdependent systems Developed the React container and presentational components (as Stateless and Functional components when applicable). Worked the backend by using Node.js, Express JS, PostgreSQL, SQL, and MongoDB. Worked on React.JS components, Forms, Events, Keys, Router, Animations and Redux concept. Worked on React JS Virtual Dom and React views, rendering using components which contains additional components called custom HTML tags. Used React-autocomplete for creating google map s location search on the webpage. Developed the React container and presentational components (as Stateless and Functional components when applicable). Working on automated microservices development framework to improve fast development and easy on boarding process. Used React 16.8 s new feature Hooks to rewrite/re-factor front-end application and truncated down 30% codes (better maintenance). Implemented various Validation Controls for form validation and implemented custom validation controls with JavaScript and jQuery. Worked on creating expand collapse for desktop using Twitter Bootstrap using JavaScript Framework. Working on automated microservices development framework to improve fast development and easy on boarding process. Good understanding of microservices architecture and work closely with architect for product requirement and management stick. Wrote data mutations in GraphQL which allows user to update their username and password information. Developing responsive components websites on AEM is one of the key responsibilities. Developed the web application with the newest React features centralized with Hooks. Built administrator page displaying profile information in React.js and GraphQL. Deployed and host the application on Amazon web service (AWS). Created Mock Services and data to quicken front-end development while anticipating RESTFUL APIs tube developed. Packages and Triggers on databases like MySQL, PostgreSQL, Oracle, and DB2. Worked on AEM interface Customization for both Classic UI and Coral UI (Granite UI). Hands-on experience in developing container-based applications using tools such as Docker. Developed single page applications using React Redux architecture, ES6, web pack and grunt. Developed various screens for the front end using ReactJS and used various predefined components from NPM (Node Package Manager). Basically, replace all React class component with functional component. For stateful management, replaced with new Hooks like useState, useEffect, useReducer, and useRef. Developed web application using MongoDB, Express, React / Redux, Node JS and GraphQL. Installed the application on AWS EC2 instances and configured the storage on S3 buckets. Implement the JavaScript/jQuery frameworks such as React JS, Node JS for MVW/MVC framework. Involved in creating a reusable component using React JS for DOM manipulation Worked heavily on CSS3 and LESS layout for DOM manipulation. Closely worked with Application using React.JS and Node.js libraries NPM, gulp directories to generate desired view and flux to root the URLs properly. Managed the AEM application and performing administrative tasks. Knowledge of internal architecture of AEM instance Developed backend single end point API s that server s data required for the entire application using GraphQL. Worked on jQuery extensively for various user interactions, front-end validations, and other visual effects. Develop various screens for the front end using React JS and used various predefined components from NPM (Node Package Manager) and Redux libraries. Experience in caching and load balancing in AEM dispatcher Involved AWS Elastic Beanstalk for deploying and scaling web applications and services developed with Java and Node.js and Docker on familiar servers such as Apache. Implemented HTTP REST API using NodeJS and extensively tested RESTful services using POSTMAN. Build prototype for various required services such as Logging, Scheduling and Notification Service using third party Node JS based JavaScript library. Worked with modules like MongoDB and mongoose for database persistence using Node.js to interact with mongo db. Architected the frontend solution using React, Relay and GraphQL. Lead the UX and design outsourced teams helping with product ideation to creation. Services for Nordstrom (Node.js, Immutable.js, RxJS, Chai). Applied jQuery scripts for basic animation and end user screen customization purposes. Created UI templates and functionality to be merged with the backend REST/SOAP API for proper communication of front and back end to enable efficient working of application Implemented services, controllers, directives, factory functions to properly consume API on the front end and send back data in JSON format to the back end by capturing in the UI Experience in working with RESTful Web Services and implementing RESTful API's and SOAP protocols. Worked with JSON web tokens for authentication and authorization security configurations using Node.js Worked with unit testing of JavaScript applications using Karma, Jasmine. Used Jenkins pipelines to drive all micro services builds out to the Docker registry and then deployed to Kubernetes, Created Pods and managed using Kubernetes. Created an on-premises CI/CD solution using Jenkins and the Pipeline plugin which uses pipeline as code. Used Pandas API to put the data as time series and tabular format for local timestamp data manipulation and retrieval and storing it into MongoDB. Experienced with AWS cloud platform and its features, which includes EC2, S3, ROUTE53 VPC, EBS, AMI, SNS, RDS and cloud watch. Developed views and templates with Python and Django's view controller and templating language to create a user-friendly Website interface. Managed datasets using Panda data frames and Oracle-SQL, queried Oracle-SQL database queries from python using Python-Oracle-SQL connector and Oracle-SQL dB package to retrieve information. Developed Docker container based micro services using Spring Boot and deployment on Kubernetes cluster. Worked on AWS EC2/VPC/S3/SQS/SNS based on automation Terraform, Ansible, Python, Bash Script. Make recommendations & execute improvements on website. Promote and perform development work consistent with industry standards and best practices; design interfaces and integrations. To work on the functional design and development of websites, managed email and other digital marketing technologies. Work seamlessly with engineering team in an Agile development process. Expert / working knowledge of JavaScript programming, and Javscript driven frameworks. Hands-on development working in very strong technical team. Web development frameworks for example: ASP.Net, .NET. Hands-on developer who will contribute to all aspects of software development life cycle with a focus on UI/UX/Java development. Assist the development team with basic development tasks within capabilities. Work closely with a cross-functional team that includes engineers and product managers to create simple, easy to use software. Work and collaborate with Application and Domain architects in design and client development teams in development and support. Develop quality UI code, propose test methods against stories, ensure code is unit-tested, and help develop an automatic test harness. Tested web applications and mobile apps for accessibility using automated tools, manual testing techniques, and screen reader software to ensure that the application is accessible by people with disabilities as required by law. Provided detailed test results including screenshots of issues found during testing and assisted in developing remediation plans when applicable. Assisted with training on best practices related to accessibility within the organization and provided feedback regarding any deficiencies identified through testing or other means. Performed usability tests on products under development to evaluate how easy they are to use based on user needs and preferences and reported findings back to product teams for further consideration. Participated in cross-functional team meetings (e.g., requirements gathering) as needed throughout the project lifecycle and performed other duties as assigned by management. Managing and operationalizing Continuous Delivery pipeline applications/tools and infrastructure. Such as Jenkins, Nexus/Atrifactory, SonarQube. Managed the deployment of over 100 Kubernetes clusters across Azure and AWS, with a 99% uptime rate. Built an automated testing framework for Kubernetes deployments to ensure reliability in production environments. Developed tools that allowed developers to easily deploy their applications on Kubernetes without having any prior knowledge of Kubernetes or containerization. Created a tool that allows engineers to view all deployed containers and pods within a cluster at once, as well as detailed information about each pod/container such as CPU usage, memory consumption, etc.. Implemented Helm charts into our CI pipeline so that deploying new services is easier than ever before! outdoor me ye Worked with a team of developers to automate the deployment process using Ansible and Terraform. Created an internal tool that allowed for easier tracking of code deployments, increasing productivity by 15% Spearheaded the creation of a new CI/CD pipeline from scratch in Azure DevOps Improved test coverage on legacy application by 25% through automation efforts Reduced release time from 2 weeks to 1 week through improved collaboration between dev and ops teams Remarkable 508 testing experience of software, web, and documents Thorough knowledge of using testing instruments Solid understanding of auditing and documenting compliance Wide knowledge of section 508 testing tools including Jaws and ACCVerify Proficient with Java Applets and applications, Oracle Forms applications, Flash content, AJAX and other Web 2.0 Internet technologies Skilled at documenting compliance against the Section 508 technical standards Ability to test software, Internet applications and hardware as needed for Section 508 compliance. AUGUST 2017 JANUARY 2019 Lead Frontend UI/UX Developer / Outdoor Systems, Phoenix, AZ Involved in complete SDLC life cycle - Designing, Coding, Testing, Debugging and Production Support. Worked on React.JS components, Forms, Events, Keys, Router, Animations and Redux concept and React- Native applications. Involved in designing and developing the web pages using VueJs,HTML 5, CSS3, JavaScript, Bootstrap, SASS,LESS, React.js, Redux, Flex, Node JS, Mongo DB. Implement modules into Node JS to integrate with designs and requirements. Developed UI using Javascript, React, Redux, Apollo GraphQL. Created and maintained the framework and layout of each portal with Cascading Style Sheets (CSS). Working knowledge on developing the UI pages from scratch using HTML5, CSS3, JAVASCRIPT, ANGULAR JS, REACT JS, Ajax, and jQuery, VueJs,Laravel. CSS styles were developed to preserve the uniformity of all the screens throughout the application and positioning of screen objects. Involved in Agile methodologies and full software development lifecycle of Designing, coding, testing, debugging and support. Assisted in instance migration to AWS by configuring Security Groups and building the framework to launch the project on AWS cloud. Huge experience working on different Technologies used include VueJS, HTML 5, SCSS/SASS, Apollo- GraphQL, SQL Alchemy. Build Web Apps with React JS and Flux. Structured the JavaScript code using Angularjs 8. Integrating JavaScript libraries (jQuery, React - Bootstrap, High charts, Data tables, etc.) Creating React.JS / Redux front-end UI, and Node.JS applications for backend. Leveraged React.JS resources for all data access, encapsulating URLs and standardizing data access interfaces. Maintaining Parent and child elements by using State and Props in React.js. React and Functional Driven JavaScript expert in SPAs, UI Components, Mobile web, and Performance optimization. Created back-end services using Node.js, GraphQL, and SQL. Created instances in AWS as well as worked on migration to AWS from data Center. Developed Object Oriented JavaScript code and responsible for client-side validations using jQuery. Responsible to make sure that look and feel of the UI designs works same in different versions of different browsers (IE 7/8, Firefox, Safari). Provided significant Dev-Ops support for a complete migration to AWS using several cloud services. Used PostgreSQL for storing and retrieving JSON format data that need to be displayed on Google maps API. Good knowledge in AngularJS and Responsive Design. Used ReactJS to implement rich functions in various pages: form validation, crud, grid list, search, sort, pagination, multi-selection, tags-input, advanced/custom directives, authentication, unit tests, etc. Created Angular.JS Controller which Isolate scopes perform operations in UI Tested and applied the branding on a step-by-step procedure using Jasmine. Created custom filter in React.JS in the application. Used services to read data from remote server using React.JS Used React.JS library functions for the logical implementation part at client side for all the application. Created React.JS for reusable components (multi-field form elements, background file uploads. Maintained states in the stores and dispatched the actions using redux. Developed various screens for the front end using React JS and used various predefined components from NPM (Node Package Manager) and Redux library. Implemented flux pattern by using redux framework as a core dependency. Architected and developed for Large Scale JavaScript Application with React.JS Used ES6 and JSX with react for component development with ReactJS. Implemented the Drag and Drop functionality using React-Draggable. Involved in Developing, Implementing and Testing Node.JS applications. Extensive experience in deploying, managing, and developing MongoDB clusters. Used Firebug, Firebug Lite, IE Developer Toolbar for debugging and testing browser. Ant UI React Library used to design and develop Enterprise Applications with the help of Type script. Provided interaction design solutions including mockups, task flows and interaction specifications for a customer support admin portal. Defined the visual design styleguide standards and develop styleguide specifications document for a customer support admin portal. Developed UI website prototypes in Bootstrap that are responsive. Developed prototypes with VueJs,Laravel,HTML5, Javascript and CSS for a customer support application utilizing thebootstrap framework. Collaborate with product owner, development and QA teams on the mockups and navigation flows for the admin portal. Conduct UX planning and strategy on several key UX. Executed Section 508 compliance checking of web sites. Aided developers and interpreted Section 508 technical standards. Documented testing methods. Formulated Section 508 compliance reports. Suggested profitable solutions. Familiar with GIT, Jenkins, Gulp, WebPack,SauceLabs, SonarQube for source control, deployments and continuous integration. APRIL 2015 JUNE 2017 Frontend Developer / RealPage, Concord, CA Implemented complex data visualizations using D3 and High charts Responsible for creating web-based applications using JavaScript (ECMAScript 6), React JS and Redux workflow Used Scrum Agile methodology that included iterative application development, weekly Sprints, stand up. meetings and customer reporting backlogs Built single page application with modules, reusable components, forms using React JS Prepared the code for Angular 2 update Worked alongside other developers to implement coding best practices Improved the structure of the codebase Increased code coverage by extensive unit testing to prepare the product for continuous deployment Ensured cross-browser compatibility Defines site objectives by analysing user requirements, envisioning system features and functionality Have experience with JIRA to assign tasks and follow up with user stories Used Type Script, AngularJS, VueJs,HTML5, SCSS, and Java Script as front-end technologies to develop the portals. Used GIT as Version control tool Experience in implementing cross-browser stylesheets and using React UI components like GRID and Flexbox Designed Web pages with JSON and used JSON validation controls and JavaScript for validating user inputs Used AJAX and JSON in implementing presentation layer. Obtained user data with analytics reporting, task analysis, and participatory design techniques and leveraged that data to create iterative improvements, increasing user satisfaction by 20%. Created interactive designs for complex web applications by way of page/user flow diagrams, site maps, and interactive wireframes in Pidoco. Conducted UX research by interactively testing designs using high and low fidelity prototypes. AUGUST 2014 MARCH 2015 Web/UI Developer / Rehrig Pacific, Dallas, TX Assisted in designing, creating, and developing web portals Created web pages using VueJs,HTML5, CSS3, JavaScript, jQuery, Ajax and angular Js. Created graphics including Icons, Images and logos using Adobe Flash Catalyst Created appropriate concept models, site organization prototypes, navigation, page layouts and interaction Developed HTML prototype documents with CSS Style Sheets Designed dynamic client-side JavaScript codes to build web forms and simulate process for web application, page navigation and form validation using jQuery and JavaScript Created new static model pages with cross browser compatibility features Created and implemented SQL Queries, Stored procedures, Functions, Packages and Triggers in SQL Server Created required Views, Indexes and Clusters Designed report previews for PDF and Excel using SQL Stored Procedure Created triggers for calendar-based database events Created packages to do complex aggregations on large volume of data and loaded the aggregated data into reporting tables in data maps. Created simple and intuitive user interfaces. Obtained user data with analytics reporting, task analysis, and participatory design techniques. Created interactive designs for complex web applications. Conducted UX research. Created React JS components using JSX, followed FLUX design pattern for unidirectional data flow. Education JUNE 2013 Bachelor s in Computer Science / AL-Khair University, Peshawar Keywords: continuous integration continuous deployment quality analyst user interface user experience javascript sthree database information technology green card microsoft procedural language Alabama Arizona California Colorado Montana New Jersey Texas