Summary
Overview
Work History
Education
Skills
Websites
Certification
Awards
Timeline
Generic

Bhargavi Mokkapati

Canada

Summary

Over 7 years of experience in Frontend/UI/Web/Full stack JavaScript developer and web-based application design with expertise in ReactJS, Redux, JavaScript, Next.js, Angular, Tailwind CSS,ES6, HTML5, CSS3, CSS, JSON and Node.js. Developed, Configured and Deployed Different Portals and UI applications using HTML, CSS, Next.js, Tailwind CSS, JavaScript, jQuery, Bootstrap and ReactJS. Hands on experience in creating components using ReactJS and good experience in creating components documentation. Well versed in DOM (Document Object Model) and DOM functionality to use in the interaction with objects in HTML. Developed and implemented Restful APIs in application using Node.js. Worked with modules like MongoDB and mongoose for database persistence using Node.js to interact with MongoDB. Expertise in using CSS pre-processors SASS/SCSS, LESS and Post CSS. Seasoned in traditional CSS techniques encompassing layouts, positioning, and styling elements. Leveraged Tailwind CSS to efficiently construct modern, responsive, and visually captivating web designs. Familiar with various methods of developing HTML pages based on DIV, Flex layout, W3C Compliance, Section 508 standards, Web 2.0, RIA, Web Accessibility, WCAG 1.0 and cross browser compatibility. Designed and developed Server Side Rendered Progressive Web Applications using ReactJS, Node.js, Material - UI using HTTPS, Web App Manifests, Service Workers, and browser APIs. Working with ECMAScript 6 (ES6) features for build of JSX and used Babel, webpack. Proficient in writing and executing simple to complex SQL queries. Comfortable with Data Application Software Testing. Working with Agile and Waterfall models throughout the project life cycle - using tools such as GIT for version control. Excellent interpersonal and communication skills, efficient time management and organization skills, ability to handle multiple tasks and work well in a team environment. Strong Analytical and Problem-Solving skills. Quick learner of new software/tools, self-starter, can work independently and in a team. Expertise in using Node Packaged Modules (NPM), Yarn and Brew. Integration with CICD (Continuous integration and continuous Deployment) process for all microservices and serve them to external innovations.

Overview

9
9
years of professional experience
1
1
Certification

Work History

Senior Software Engineer

Aquent Studios
Toronto
09.2022 - Current
  • Designing, developing and testing Tailwind CSS, Next.js ,ReactJS and Angular that meets accessibility and web browser standards for website
  • Developed responsive websites that adapt fluidly to different screen sizes and orientations, leveraging Tailwind CSS's responsive design capabilities
  • Applying optimization techniques to reduce page size and load times to enhance user experience using sprites
  • Created Re-usable Grid Component across the application that matches pattern that UX team follows in Figma
  • Used Media Queries for the design to be compatible in all devices
  • Expertise in React Component for UX - Library consisted of Button, Checkbox, Input, Icons, Toggle Button, Dropdown, Multi-Level Dropdown and many more
  • Used High-Order-Components (HOC) to bind actions to Container components to avoid unnecessary codes/imports, increase code reusability
  • Extensively used ReactJs hooks for managing state in Functional Components
  • Improving the application performance by Using ReactJS Memo, useMemo, useCallback functions
  • Utilizing ReactJS components, Forms, Events, Keys and Router concepts
  • Used Web services (RESTful) for transmission of large blocks of XML/JSON
  • Implementing Lazy loading for application's components using React-Loadable and improved the application's performance drastically
  • Using ReactJS for developing UI using sorting, pagination and rendering for searching the statements in the webpage
  • Worked on cross browser compatibility issues and running on different browsers like Safari, Firefox and Google Chrome
  • Extensively utilizing Git for version controlling and regularly pushed the code to Bitbucket
  • Involved in all phases of Software Development Life Cycle (SDLC) including requirements analysis, design and development, bug fixing, supporting QA teams and debugging production issues

Senior Software Engineer

EWS (Essex Weld Solutions)
Windsor
11.2017 - 09.2022
  • Designing, developing and testing HTML5, CSS3, JavaScript and ReactJS that meets accessibility and web browser standards for website
  • Designing CSS templates for use in all pages on the website working with CSS Background, positioning, text, border, margin, padding, and table
  • Worked as a Business Analyst by gathering requirements from the clients and documented them on confluence
  • Acted as a bridge between developers and clients in materializing the requirements in developer's terminology
  • Applying optimization techniques to reduce page size and load times to enhance user experience using sprites
  • Involved in developing the infrastructure for application and structuring the project for scaling
  • Created Re-usable Grid Component across the application that matches pattern that UX team follows in Figma
  • Used Media Queries for the design to be compatible in all devices
  • Expertise in React Component for UX - Library consisted of Button, Checkbox, Input, Icons, Toggle Button, Dropdown, Multi-Level Dropdown and many more
  • Used High-Order-Components (HOC) to bind actions to Container components to avoid unnecessary codes/imports, increase code reusability
  • Called the Restful web services for POST, PUT, DELETE and GET methods
  • Developing user interface by using the ReactJS, Redux for SPA development
  • Using React-Router to turn application into Single Page Application
  • Extensively used ReactJs hooks for managing state in Functional Components
  • Improving the application performance by Using ReactJS Memo, useMemo, useCallback functions
  • Used Web services (RESTful) for transmission of large blocks of XML/JSON
  • Working on responsive design and developed a single ISOMORPHIC responsive website that could be served to desktop, Tablets and mobile users using ReactJS
  • Configuring redux store, reducers and actions and used Redux-Saga for handling middleware and Fetch api for making rest calls to the backend
  • Working with backend engineers to optimize existing API calls to create efficiencies by deprecating unneeded API calls
  • Implementing Lazy loading for application's components using React-Loadable and improved the application's performance drastically
  • Utilizing ReactJS to create views to hook up models to the DOM and synchronize data with the server as a Single Page Application (SPA)
  • Using ReactJS to create custom components for data manipulations and to display data in company standard format
  • Using ReactJS for developing UI using sorting, pagination and rendering for searching the statements in the webpage
  • Integrating Node.js with ReactJS for describing UI as a function of state, and emitting state updates in response to actions by Node.js
  • Developing CSS Style for web page using LESS Structure
  • Designing Component for UX-Library consisted of Button, Checkbox, Input, Icons, Toggle Button, Dropdown, Multi-Level Dropdown and many more
  • Creating React components using Redux for unidirectional data flow
  • Participated with end users and business analyst to understand the business requirements
  • Worked on cross browser compatibility issues and running on different browsers like Safari, Firefox and Google Chrome
  • Extensively utilizing Git for version controlling and regularly pushed the code to GitHub
  • Using JIRA as the bug tracking system to track and maintain the history of bugs/issues on everyday basis
  • Involved in all phases of Software Development Life Cycle (SDLC) including requirements analysis, design and development, bug fixing, supporting QA teams and debugging production issues
  • Debugging and troubleshooting existing code by using Chrome Developer Tools
  • Interacting with Testing Teams, Users, Scrum Master and Business Analysts in case of Issues

Software Engineer

Royal Bank of Canada
Hyderabad
06.2015 - 05.2016
  • Worked on an Agile (Scrum) Development Team to deliver regular updates to business team and project managers
  • Involved designing web pages using ReactJS, Redux, HTML5, CSS3, JavaScript, Bootstrap and SASS
  • Developed Member dashboard which shows all the insurance details in Single Page like Premiums, Coverage and Deductibles and Claims
  • Build reusable components and front-end libraries for future use across multiple businesses under Insurance and Retail Products
  • Worked on ReactJS Virtual DOM and React views, rendering using components which contains additional components called custom HTML tags
  • Implemented various screens for the front end using ReactJS and used various predefined components from NPM (Node Package Manager) and redux library
  • Involved in Web design and development for the UI interface design, graphic design for printed materials and presentations, illustration
  • Strong Experience in dealing with CSS Animations, Backgrounds, Layouts, Positioning, Text, Border, Padding, CSS Box Model and Bootstrap frameworks like LESS and SASS
  • Responsible to style, look and feel of the webpage with SASS that extends CSS with dynamic behavior such as variable, mixing, operations and functions
  • Managed application state using server and client-based State Management options
  • Implemented React container and presentational components (as Stateless and Functional components when applicable)
  • Experience in various IDEs like Eclipse, Sublime text, Notepad++, Microsoft Visual Code

Education

Master of Engineering - Electrical and Computer Engineering

University of Windsor
Windsor, Ontario
10.2017

Bachelors of Engineering - Information Technology

JNTU
Kakinada
05.2015

Skills

  • JavaScript
  • TypeScript
  • C
  • C
  • C#
  • ReactJS
  • Angular
  • HTML5
  • HTML
  • CSS3
  • CSS
  • SASS
  • Tailwind CSS
  • Nextjs
  • Redux
  • React Router
  • JQuery
  • Bootstrap
  • JSON
  • React testing library
  • RESTful APIs
  • Nodejs
  • Material-UI
  • Visual Studio Code
  • Eclipse
  • Atom
  • Notepad
  • Sublime Text
  • IntelliJ
  • Firebug
  • Chrome Developer Tools
  • Git
  • Github
  • GitKraken
  • Bitbucket
  • HTTP Web Server
  • Nginx
  • Apache Tomcat
  • Windows
  • Linux
  • MacOS
  • Agile
  • Waterfall
  • MongoDB
  • SQL
  • NOSQL
  • Responsive Web Design
  • Single Page Application
  • Cross-Browser compatibility
  • MultiBrowser Support

Certification

  • The Complete JavaScript Course - Udemy
  • React-The Complete Guide - Udemy
  • Building React and ASP.NET Core Applications - LinkedIn Learning
  • Learning ECMAScript 6+ (ES6+) - LinkedIn Learning

Awards

  • Won medal for being the 1st rank holder in Bachelor of Technology.
  • Won Partner of the quarter in Starbucks.

Timeline

Senior Software Engineer

Aquent Studios
09.2022 - Current

Senior Software Engineer

EWS (Essex Weld Solutions)
11.2017 - 09.2022

Software Engineer

Royal Bank of Canada
06.2015 - 05.2016

Master of Engineering - Electrical and Computer Engineering

University of Windsor

Bachelors of Engineering - Information Technology

JNTU

Similar Profiles

CREATE PROFILE
Bhargavi Mokkapati