Web Applications React Js

Sagar Patel

Email: *************@*****.*** Phone: 409-***-****

Professional Summary

I am a seasoned IT professional with around 8+ years of MERN Stack development experience.

Proficient in developing dynamic, scalable, reusable, and fast web applications using React JS and NextJS.

Competent in analyzing information system needs, evaluating end-user requirements, custom designing solutions, and troubleshooting applications.

Experience in using ES6 features such as Arrow functions, Classes, Async/await, Rest and spread operator to make code more concise.

Successfully improved website performance metrics, achieving high scores in Lighthouse and Web Vitals by optimizing Next.js applications.

Developed applications using ReactJS and predefined components from NPM and Redux library.

Optimized React applications for performance, including code-splitting, lazy loading, and efficient state management, resulting in faster load times and improved user engagement.

Applied TDD methodologies to ensure code quality and reliability, writing unit tests before developing features to catch issues early and maintain a robust codebase.

Skilled in implementing story book and using React Components for UX-Library, including Button, Datepicker, Checkbox, Input, tooltip, Toggle Button, Dropdown, Multi- Level Dropdown, and others.

Created reusable custom components in React and developed reusable custom elements with the Web Components API, enhancing application modularity and reducing development time.

Developed reusable custom elements with the Web Components API, enhancing application modularity and reducing development time.

Strong understanding in CSS Grid, Bootstrap, Flexbox and CSS pre-processor such as Styled component library, Material UI, React-strap.

Developing dynamic web applications using JSP and Servlets, emphasizing reusable components and efficient data handling to enhance web application performance.

First-rate analytical and critical thinking skills, dedicated to maintaining high quality standards, planning, and managing projects from start to completion.

Knowledge in securing RESTful APIs using JWT for authentication and authorization, ensuring data integrity and secure information exchange between parties.

Deep expertise in technology, Keen ability to analyze client needs, client-centered approach that develops loyalty and confidence; extremely dependable, moral, and discrete.

Actively participating with internal and external resources to deliver service or project to customers.

1

Designed and implemented responsive web interfaces ensuring optimal viewing experience across all 3 channels for various devices and screen sizes.

Implemented accessibility best practices, ensuring web applications are compliant with WCAG standards and provide an inclusive user experience for all users. Technical Skills:

Web Technologies: HTML5, CSS3, XML, SASS, JavaScript, JSP, TypeScript, ReactJS, AJAX, jQuery, JSON, Angular 5/4/2, NodeJS, Express JS, NextJS,

IDE & Tools: Visual Studio Code, Notepad++, WebStorm, Sublime, Eclipse, Atom, NetBeans

Methodologies: Agile, Waterfall

Operating System: Windows 98/2000/XP/Vista/7/8/10/11, MAC OS X

Database: PL/SQL, MySQL, SQL Server, Oracle, Mongo DB

JavaScript Framework: ReactJS, NextJS, Redux, AngularJS, Angular2/4/5, Bootstrap, Node.JS, Express.JS, GraphQL

Other Tools & Technologies: Bower, NPM, Gulp, Grunt, Angular-CLI, JIRA, Rally, JWT, JSP

Debugging Tools: Chrome Developer Toolbar, Firebug, Bugzilla and IE Developer Toolbar, Redux, React Components, Lighthouse

Version Control: GIT, SVN, Bit Bucket, Clear-Case, TFS

Built Automation: Maven, Jenkins

Professional Experience

Investors Title Company And Affiliates

Sr. Front-End Developer October 2023 to Current

Environment: ReactJS, Redux, JavaScript, TypeScript, NextJS, React Strap, CSS3, HTML5, Node.js, NPM, Jest, Enzyme, Webpack, Postman, Babel, TFS Responsibilities:

Designing and implementing highly responsive user interface components using ReactJS and NextJS.

Translating designs and wireframes into high-quality code.

Developing and implementing front-end architecture to support user interface concepts.

Monitoring and improving front-end performance.

Using JavaScript, TypeScript, React Strap, CSS3, and HTML5 to create user- friendly web pages.

Optimizing applications using React lazy-loading and conditional rendering for 2

maximum speed.

Designing mobile-based features.

Collaborating with back-end developers and web designers to improve usability.

Developed custom middleware in Next.js to handle authentication, logging, and other server-side logic, enhancing application security and functionality.

Creating quality mockups and prototypes using graphic standards and brand consistency.

Developed PWAs using Next.js, enhancing application performance and providing offline capabilities.

Managing and optimizing components for maximum performance across a vast array of web-capable devices and browsers.

Building reusable components and front-end libraries for future use.

Leveraging Redux for state management in the application.

Implemented SEO best practices in Next.js applications, including meta tags, structured data, and sitemap generation, to improve search engine rankings.

Implementing testing frameworks like Jest and Enzyme to ensure the robustness and reliability of the code.

Using Webpack, Postman, Babel, and TFS for development operations and to enhance the development workflow.

Allstate

Sr. Front-End Developer March 2020 to October 2023 Environment: ReactJS, Redux, JavaScript, TypeScript, Style Components, CSS3, HTML5, Node.js,

Express.js, NPM, Jest, Enzyme, Webpack, Postman, Babel, Version One Responsibilities:

Develop user-interactive Single Page Web applications using HTML5, CSS3, React JS, Redux, ES6 JavaScript, Styled-Components, and Redux Saga.

Implement lazy-loading features to enhance application startup time.

Demonstrate proficiency in React JS lifecycles and integrate them with the Redux architecture.

Transform applications into Single Page Applications utilizing React-Router, React Redux architecture, ES6, Webpack, and Babel.

Utilized Express.js to build efficient and scalable server-side applications, handling routing, middleware, and request/response cycles.

Implemented secure authentication and authorization mechanisms using JWT, OAuth, and other strategies to protect APIs and user data.

Optimized Node.js applications for performance, including load balancing, caching strategies, and efficient query handling.

3

Developed robust error handling and logging mechanisms to ensure application reliability and ease of debugging.

Optimized Node.js applications for performance, including load balancing, caching strategies, and efficient query handling.

Implement asynchronous API calls using Redux Saga's actions and reducers.

Integrate new features using React Hooks, Redux (RXJS), and Lodash to enhance the functionality of specific modules.

Develop internal applications with technologies such as React Async Await, Axios, Redux, and NodeJS.

Utilize Babel.js for transpiling ES6 and JSX code into JavaScript.

Design and develop React Components for a comprehensive UX-Library, including but not limited to Buttons, Checkboxes, Inputs, Icons, Tiles, Banners, Dropdowns, Toasters, and Date pickers.

Implement field-level and form-level validations utilizing Redux Form.

Design responsive layouts and web pages compatible with smartphones, tablets, and small desktops using HTML5, CSS3, Bootstrap, and React HOC.

Create both Stateful and Stateless components, along with Smart and Dumb React components.

Execute API calls to a NodeJS backend using React Axios.

Conduct unit testing for various modules, creating test cases with Jest & Enzyme.

Employ Git for version control, ensuring consistent code pushes to GitHub, and utilize ESLint for maintaining code quality.

Use Version One for bug tracking, capturing and maintaining the history of issues on a daily basis.

Leverage debugging tools like Firebug and IE Dev tools for issue investigation and bug fixing.

Use Jenkins and Gradle tools to build and deploy code efficiently. Verizon Wireless, Alpharetta, GA

UI/Front-End Developer September 2018 to March 2020 Environment: ReactJS, Redux, JavaScript (ES6/ES7), Bootstrap 3.3.x, Style Components, CSS3, SCSS HTML5, Node.js, NPM, AJAX, Webpack 3.0.0, Postman, MongoDB, JIRA. Responsibilities:

Lead the development of Single Page Web applications, leveraging HTML5, CSS3, React JS, Redux, JavaScript, Style Components, and SCSS for front-end development.

Employ the latest JavaScript ES6/ES7 features to craft dynamic and interactive web pages.

Implement optimization techniques, including the use of sprites, to reduce page size 4

and load times, ensuring a smooth user experience.

Address and resolve cross-browser compatibility issues, especially in Mozilla, IE 7-9, Safari, and Chrome, through React JS code.

Utilize React-Router to transform traditional applications into Single Page Applications.

Demonstrate expertise in using React JS components, events, keys, and the router concept.

Showcase proficiency in asynchronous Redux, including the design and implementation of custom middleware using action creators and redux-thunk.

Implement Web services (both SOAP and RESTful) for transmitting large volumes of XML/JSON data.

Manage application states in Redux stores and efficiently dispatch actions.

Use flickity.js to design interactive carousel images.

Design and develop a comprehensive UX-Library, incorporating elements such as Buttons, Checkboxes, Inputs, Icons, Toggle Buttons, Dropdowns, Multi-Level Dropdowns, and more.

Collaborate with the Back-End development team during Phase Two to integrate and display data using Custom Components, Library Components, and Redux.

Integrate Middleware and Redux-Saga in applications to fetch data from the Back- End and facilitate RESTful services.

Implement dynamic functionalities by creating and dispatching Action Creators that initiate Actions.

Develop and utilize Reducers to process Actions and modify the Redux Store State Tree.

Partner with backend engineers to optimize and streamline API calls, ensuring efficient data communication by eliminating redundant calls.

Execute RESTful web service calls, including POST, PUT, DELETE, and GET methods.

Leverage Object-Oriented Programming principles to design reusable UI components across the application.

Maintain version control through Git, ensuring regular code updates to GitHub.

Utilize JIRA for bug tracking, ensuring that all issues are documented and addressed promptly.

Collaborate with the DevOps team to build and deploy code on the cloud using tools like Jenkins and AWS.

Anagh Technologies Inc., Piscataway, NJ

Front End Developer July-2017 to

August-2018

Environment: Typescript, Angular 4/5, NgRx, JavaScript, SCSS, Restful Services, Jenkin, 5

HTML5, DHTML, CSS, Agile methodology, Dreamweaver, Jasmine, Karma, MySQL. Responsibilities:

Build highly interactive web pages leveraging advanced technologies like HTML5, AJAX, ES6, Bootstrap, Typescript, SCSS, and Angular 2/4/5.

Utilize Bootstrap extensively for layout design and ensure responsive designs with the aid of SASS CSS.

Integrate Angular UI components, notably Angular Bootstrap elements such as ng- grid and other UI components.

Design and implement Angular 2 features such as Interpolation, @Input variables,

@Output variables, Bootstrapping, *ngFor, *ngIf directives, ng-template, custom event-binding (like the click event), custom property binding, and the Component decorator.

Develop services leveraging Angular 2's @injectable property to enable dependency injection when initializing components.

Write application-level code facilitating interactions with APIs and Web Services, using technologies like AJAX, JSON, and XML.

Craft single-page web applications utilizing the Angular4 JavaScript framework.

Design web application layouts and forms with HTML5, CSS3, and JavaScript, integrating Angular material components for client-side validations and auto- completion functionalities.

Implement content pages using CSS3 layouts and styles.

Work with MongoDB to ensure application scalability and optimal performance.

Utilize D3.js to stream data and develop real-time responsive charts and graphs.

Use tools like "NPM" and Angular CLI for project creation and dependency management.

Demonstrate expertise in creating responsive web pages using Media Queries, Bootstrap, and Material Design lite for mobile application styling.

Employ Chrome Developer Tools and Firebug for code debugging and troubleshooting.

Manage code versions using repositories like GIT and SVN.

Conduct unit testing with tools such as Karma and Mocha.

Engage actively in all phases of the Software Development Life Cycle, including Requirements Analysis, Design, Implementation, and Maintenance, all while adhering to Agile and Daily Scrum methodologies.

Flovel Valves Pvt. Ltd., Anand, India

Web Developer March 2014 to

July 2015

6

Environment: Angular 1.x, JavaScript, Bootstrap, HTML5, CSS3, SASS, jQuery, JQuery Mobile, AJAX, JSON,

Git.

Responsibilities:

Design and develop large scale Single Page Applications (SPAs) using Angular.JS 1.5.5, implementing AngularUI-Router to facilitate SPAs.

Leverage Bootstrap and AngularJS for effective web page design, incorporating AngularJS elements such as Forms, Validations, Modules, DOM, Expressions, Directives, Controllers, and Filters.

Implement custom validations for Signup and Login functionalities using JavaScript Regular Expressions and Angular form validations.

Facilitate communication between controllers by developing publish and subscribe events using $broadcast and $emit in conjunction with services.

Create reusable Angular.JS 1.5.5 components to ensure code consistency across the site, including the utilization of Angular UI's date search widget in line with design specifications.

Promote code reusability and streamline application development through the creation and utilization of Services and Custom directives, ensuring efficient Dependency Injection.

Design interactive navigation lists utilizing HTML list elements and conduct client- side validations using JavaScript.

Enhance web page interactivity through widget integration, ensuring code optimization and consistent cross-browser functionality.

Engage actively with clients during meetings to define website objectives and strategize development approaches.

Architect applications based on the MVC (Model-View-Controller) framework using Spring Web MVC.

Collaborate closely with UX designers, translating mock-ups into fully realized screen layouts for web pages.

Spearhead the coding, styling, and testing of reusable JavaScript, CSS, and HTML widgets/libraries for intricate UI controls.

Champion best practices in JavaScript coding, adhering to standardized coding standards and design patterns to ensure efficient maintenance and performance.

Utilize JIRA for consistent bug tracking, logging, and maintenance of issue histories.

Collaborate with the QA team to address and resolve bugs and assist in performance evaluations.

Manage and share code using GIT as the primary version control system. Education:

Master of Science, Computer Science (Lamar University, Texas) Bachelor of Engineering, Computer Science and Engineering (Karnataka, India) 7

Contact this candidate