Post Job Free

Resume

Sign in

Front End Software Engineer

Location:
Richmond, CA, 94804
Posted:
August 30, 2023

Contact this candidate

Resume:

Kulwinder Singh

Sr. Software Engineer

E-mail: adzb30@r.postjobfree.com

Phone: +1-510-***-****

Visa Status: Green Card

Current Location: East Bay, Richmond, CA

PROFESSIONAL SUMMARY

Web Development: Over 8+ years of experience in building the complete lifecycle of web applications, from development, testing to deployment and support.

Front End: Strong focus on UI development using technologies such as HTML, HTML5, CSS3, Sass, and JavaScript.

Frameworks: Proficient in working with frameworks like React, Redux, Node.js, Express, Backbone.js, AngularJS, and Coffee Script.

Backend: Contributing 20% of my current job to backend tasks, ensuring seamless integration with frontend components. Proficient in Java development and experienced in working with technologies like Kafka Consumer and Topics.

DOM: Strong understanding of the Document Object Model (DOM) and adherence to accessibility standards. Hands-on experience with SASS, Compass, and Responsive Web Design.

Unit Test: Proficient in writing end-to-end unit test cases using Jest in my current project and have experience with JUnit in the past.

Automation: Proficient in writing automation test cases using Test Cafe and Selenium using Java and the Jasmine test framework.

CI/CD: Experienced in deploying applications using Jenkins Pipeline and configuring tasks such as build, test, and publish using BLUE-GREEN deployment strategies.

DevOps: Utilized JFrog for managing and automating artifacts and binaries throughout the application delivery process.

API: Extensive experience in building applications using AJAX, JSON, JSONP, and XML.

Monitoring and Performance: Created New Relic Dashboards and Charts using NSQL queries to monitor application performance and identify issues. Configured alerts for issue detection.

Splunk: Create Splunk Dashboards using Splunk queries to monitor API performance and trigger alerts in case of issues.

Database: Worked with SQL databases for data management and adding new data when necessary.

Build Tools: Proficient in using Grunt.js for code minification and compilation.

Compile: Used Babel to compile React projects.

Cross-Browser Compatibility: Deep understanding of ensuring cross-browser compatibility using tools like Modernizer and Polyfill for Safari, Internet Explorer, Firefox, and Google Chrome.

Software Development Life Cycle: Familiarity with best practices of Software Development Life Cycle (SDLC), including working in both agile and waterfall methodologies.

TECHNICAL SKILLS

Web Technologies

HTML5, CSS3, XHTML, SASS, CX(React)

Script & Frameworks

React ES6, React native, Redux, NodeJS, Express, JavaScript, jQuery, Backbone.js, Coffee, Handlebar, YUI, AngularJS.

CI/CD

Jenkins, JFrog, GIT

Unit Test

Jest, Junit

Automation

Test Cafe and Selenium with java & python.

Mobile Technologies

Twitter Bootstrap, Media Queries, JQuery Mobile

Graphic Editors

Adobe Photoshop CS4/CS3, Adobe Illustrator CS3,

Web Servers

Apache Tomcat, Web Logic, IIS, JBoss

Bug Tracking Tools

Bugzilla, JIRA, Firebug, Dev Tools, Fiddler

Version Controls

SVN, GIT

Others

NewRelic, Adobe Tealium Tagging, Splunk Dashboard

WORK EXPERIENCE

Sr. Software Engineer

Gap Inc, 2 Folsom, SFO, CA, 94105. Mar 09, 2019 - Current

Project: Loyalty & Profile

Loyalty Project: I have successfully developed the Loyalty project from the ground up. This project is a client-facing rewards program designed for GAP and its sister companies, like Old Navy and Banana Republic. The primary objective of this program is to offer customers incentives and rewards for their purchases. By shopping with us, customers can accumulate rewards and special bonuses, which they can later redeem as cash offers. This program aims to provide additional value to customers and enhance their shopping experience.

Profile Project: The Profile project is a user-centric application that allows users to access and manage their account details effectively. It provides various functionalities, including login management, adding payment cards, updating personal information, and retrieving tier information based on their spending behavior.

RESPONSIBILITIES:

Worked on the complete lifecycle of the project including integration, design the workflow, development, testing, and production support, ensuring the project's success at every stage.

Developed a responsive web application that is compatible with both desktop and mobile browsers. Utilized technologies such as React JS, Redux, Node.js, and Stitch CSS to build a modern and user-friendly interface.

Implemented the integration of Restful APIs by utilizing the Node.js layer with Express.js and Routes, enabling seamless communication between the front-end and back-end components.

Wrote comprehensive unit test cases using the Jest framework to ensure the reliability and quality of the code. Additionally, utilized Test Cafe for automation test cases, enabling efficient and accurate testing of the application.

Implemented continuous integration and continuous deployment (CI/CD) using Jenkins, enabling automated build, test, and deployment processes. Employed a blue-green deployment strategy to ensure smooth transitions between different versions of the application.

Leveraged NewRelic to capture and monitor the performance of the application, allowing for effective identification and resolution of issues that may impact user experience.

Utilized Tealium for tag management, specifically deploying and managing the Adobe Analytics tag. Leveraged the Tealium and Adobe Analytics Audience Stream Connector to send enriched visitor and audience behavioral data to Adobe Analytics, enabling in-depth analytics and insights.

Created Splunk Dashboards to monitor the performance of the APIs and built alerts to proactively identify and address any performance issues, ensuring optimal system performance.

Currently contributing 20% of my time in my current role to backend tasks, focusing on ensuring seamless integration with frontend components. Proficient in Java development, I have gained experience working with technologies such as Kafka Consumer and Topics. This allows me to effectively handle backend responsibilities and facilitate efficient communication between the frontend and backend systems.

Utilized Jira as a task management tool to efficiently track and manage project tasks, ensuring smooth collaboration and effective project execution.

Actively participated in business interactive planning sessions for product development, actively contributing to user story grooming and providing input to build a comprehensive and exceptional end-user experience.

: React JS, Redux, Node.js, Stitch CSS, Express.js, Jenkins, CI CD, Jest, Test Café, NewRelic, Splunk, Tealium Tag management, Java, Kafka Consumer and Topics, MySQL, Git.

Front End Developer

Cisco System, 400 E Tasman Dr, San Jose, CA 95134. Aug,21 2017-Mar 09, 2019

(References Available upon request)

Project: ACE (Advanced Cisco Experience)

Description: The project involves developing an application for internal users to manage shipments and licensing for telepresence products such as Desktop Endpoints (DX's), Room Endpoints (Cisco WebEx rooms), and Desktop Phones. Our work also involves close collaboration with Cisco WebEx teams and proximity.

RESPONSIBILITIES:

Worked on complete life cycle of the project from Initiation, design, development, testing and production support.

Developed desktop and Mobile Browser responsive application using Angular JS 1, React JS, Python, NodeJS, HTML5, CSS3, Bootstrap, Coffee, JavaScript, Flask, JSON, REST, Jenkins, JIRA, Stash, Source Tree, GIT.

Worked with Angular JS MVC framework including complex directives, services, Factory, controllers and filters, routing. Also, my own custom directives.

created modules, $routeProviders, factory services, ng-repeat,

extensive knowledge of creating single body transection sub-container with ng-include.

Calling and consuming Restful API like get/post/delete methods.

Hands on writing the Restful API in JAVA by getting the data from SQL server by writing logic on MySQL queries.

Extensively worked on the Angular UI Routing to handle navigation to access different pages in the application.

Used Jenkins for our deployments, we also using docker for packaging.

Wrote Selenium test cases with JAVA. Continuous integration efforts, which included automated testing of functionality, performance, and code quality.

Involved with the Business Interactive Planning for the product development user story grooming to build and develop extensive end user experience.

Worked closely with Systems Testing/QA/UAT teams on testing, defect triage and closure.

Angular, HTML5, CSS 3, JavaScript, Twitter Bootstrap, Tomcat Apache, JQuery, Require.js, python, Nodejs.

Front End Developer

Wells Fargo Bank, 333 Market St, San Francisco Feb,07 2016- Aug,20 2017

(References Available upon request)

Project: GPOW (Global Payment Origination Wire)

Description: The project is to develop a responsive application for corporations and company groups to perform wire money transfers to domestic and cross-border receivers. Key features include secure transfer functionality, an intuitive user interface, responsive design, integration with a payment gateway, and transaction monitoring. The application aims to provide a reliable and user-friendly platform for convenient wire money transfers.

RESPONSIBILITIES:

Developed a responsive application for both desktop and mobile browsers using Angular JS 2.0, React JS, HTML5, CSS3, and Bootstrap.

Implemented complex components and managed their states using Angular JS 2.0 MVC framework.

Utilized Angular UI-grid, a high-performance data grid, for efficient data visualization.

implemented Angular UI Routing for seamless navigation between different pages of the application.

Collaborated with architecture teams to successfully upgrade from Angular 1.5 to Angular 2.0.

Achieved responsive design without custom CSS by leveraging Bootstrap and @media queries.

Ensured cross-browser compatibility and adherence to W3C standards.

Integrated back-end applications using AJAX-driven web 2.0 front-end with Dojo Components and an object-oriented JavaScript framework.

Wrote Selenium test cases in Java and contributed to continuous integration efforts, including automated testing for functionality, performance, and code quality.

Actively participated in Business Interactive Planning, user story grooming, and the development of an extensive end-user experience.

Worked closely with Systems Testing, QA, and UAT teams for testing, defect triage, and closure.

: HTML5, CSS 3, JavaScript, Twitter Bootstrap, Tomcat Apache, JQuery, Angular.js 2.0, Require.js, Handlebar.

Front End Developer

CISCO System, Milpitas, CA Oct 23,2014-Jan 29,2016

(References Available upon request)

Project: CSW (Cisco software workspace)

Description: The project involved the development of an internal application specifically designed for Cisco support engineers. The primary purpose of the application was to manage various aspects related to user roles, access control, and licenses for products such as routers, switches, and access points. The application provided a comprehensive system for managing user roles within the organization. Support engineers could define different roles and assign appropriate permissions and privileges to each role. This allowed for fine-grained control over the access and actions that users could perform within the application.

RESPONSIBILITIES:

The CSW application is a Single Page Application (SPA) developed using Backbone.js and Marionette.js. It incorporates various features and techniques to enhance the user experience and improve performance. Here are the key points about the project:

Backbone and Marionette.js: The application utilizes the Backbone.js framework along with Marionette.js, a framework built on top of Backbone.js. Marionette.js provides additional abstractions and features to simplify the development of complex applications.

Reusable Views and Collection Views: Marionette.js is used to create reusable View templates and Collection Views that can be rendered multiple times in the DOM. This promotes code reusability and simplifies the management of complex UI components.

Slickgrid Application: The application integrates the Slickgrid library, which is used to efficiently display large amounts of data records with a single service call. Slickgrid enables smooth scrolling and handling of millions of data records.

Routing and Template Caching: Marionette.js is used to configure routes and create regions for managing different sections of the application. Template caching is employed to optimize rendering performance and improve overall application speed.

Custom Events: Custom events are written in Backbone.js to trigger specific actions and interactions on Models, Collections, and Views. This allows for efficient synchronization and management of data.

Integration with RESTful Services: Models and Collections are developed to interact with RESTful services, performing operations such as retrieving data (GET), creating new data (POST), and deleting data (DELETE) from the backend. This ensures seamless integration with the server-side APIs.

Agile Methodology: The development process follows the Agile methodology, with a focus on delivering user stories within tight schedules. This requires efficient time management and adherence to Agile principles and practices.

Performance Optimization: Efforts are made to improve the performance of the application. Performance tools in developer tools, such as Dev Tools and YSLOW, are utilized to analyze and optimize the page loading speed, rendering performance, and overall user experience.

POC with ReactJS and Redux: A Proof of Concept (POC) is developed to create an ajax-driven tabular component using ReactJS and Redux. This demonstrates the potential of using these technologies for future enhancements or migration.

By leveraging the capabilities of Backbone.js and Marionette.js, implementing efficient data handling, and optimizing performance, the CSW application aims to provide a robust and responsive user interface for managing data records and meeting the requirements of the project.

PNP (Plug and Play)

Description: This internal application is designed to support engineers' team in managing device assignments to controllers. The application consists of two modules: Devices and Controllers. In the Devices module, users can upload information about various devices such as switches, routers, and access points. The device details typically include the serial number and MAC address. Upon uploading, the application automatically assigns the device to an available and compatible controller. The Controllers module is responsible for managing the controllers in the system. It keeps track of their availability and compatibility with different types of devices. The application ensures that each device is assigned to an appropriate controller based on its characteristics and compatibility requirements.

RESPONSIBILITIES:

Developed the PNP (Plug and play) Single Page Application using Angular.js, leveraging its powerful features for efficient front-end development.

Created custom Angular directives to manipulate data and display it in the company's standard format using the Slickgrid application library on the UI.

Followed the core MVC structure to develop the application, utilizing factories and services for seamless data communication between controllers.

Utilized various AngularJS directives such as ng-router, ng-table, angular translate, angular file upload, and ng-repeat to enhance the functionality of the application.

Designed user interactive (UI) web pages using HTML5, Twitter Bootstrap, and XHTML, ensuring a visually appealing and user-friendly interface.

Collaborated closely with the business team during user story grooming, providing valuable input on requirements and functionality.

Participated in design discussions and user experience sessions to contribute to the layout and overall user experience of the application.

Implemented Grunt.js for code minification and compilation, streamlining the build process with the help of Node.js.

Improved code quality through continuous integration (Jenkins) for static code analysis and regular code review sessions with peers.

Attended daily scrum meetings, providing updates on tasks, discussing any difficulties, and seeking clarification when needed.

Simultaneously wrote Selenium test cases with Java and Jasmine while developing user stories, ensuring comprehensive test coverage.

Efficiently addressed and resolved bugs reported by the QA team after the release of user stories.

Used Rally tool to track and update effort spent on various activities such as user story development, bug fixing, story grooming, and training.

Deployed the code on different environments (Dev, Stage, Production) using Jenkins and FileZilla, ensuring smooth deployment process.

Conducted demos to the end client after the acceptance of user stories by the QA and business teams, showcasing the application's features and functionality.

: HTML5, JavaScript, Twitter Bootstrap, Tomcat Apache, JQuery, Backbone.js and Angular.js.

EDUCATION: Bachelor’s in computer science from VOUSSM,

Diploma in Computer Programming from NIIT.



Contact this candidate