Naga Chaitanya Konada, Developer in Toronto, ON, Canada
Naga is available for hire
Hire Naga

Naga Chaitanya Konada

Verified Expert  in Engineering

Front-end Developer

Location
Toronto, ON, Canada
Toptal Member Since
July 21, 2021

Naga is a highly experienced front-end developer with proven success in delivering secure, scalable, and accessible web applications. His proficiency in major front-end frameworks like React and Vue has enabled him to work with renowned companies such as ServiceNow, PepsiCo, Deloitte, and Sony. Naga has honed his skills in full-stack React and Vue solutions and Next.js and JavaScript-based API systems. His commitment to delivering innovative solutions consistently is a testament to his success.

Portfolio

Pampered Chef
Express.js, Node.js, CSS, CSS3, JavaScript, ECMAScript (ES6), TypeScript, HTML...
PLANFRED
APIs, Bootstrap, Express.js, Node.js, Mongoose, CSS, HTML5...
ServiceNow
JavaScript, HTML5, CSS3, React, React Apollo, Apollo, CSSinJS, Emotion Library...

Experience

Availability

Part-time

Preferred Environment

Windows, Slack, Visual Studio Code (VS Code), MacOS, Front-end Development

The most amazing...

...app I've worked on was the eCommerce platform for the world's leading gaming console company, which increased sales revenue by 150%.

Work Experience

Full-stack Developer (JavaScript)

2021 - 2022
Pampered Chef
  • Developed Angular site features for pamperedchef.com.
  • Delivered pixel-perfect UI screens based on Figma designs.
  • Delivered complete end-to-end features that significantly improved the user experience.
  • Worked extensively with all the major Angular feature sets.
  • Integrated with APIs built using MongoDB and Express.
  • Tested and upgraded various toolchains to enhance compatibility between different systems.
  • Integrated event-based SEO monitoring tools to improve debugging and enhance the reliability of the user experience.
Technologies: Express.js, Node.js, CSS, CSS3, JavaScript, ECMAScript (ES6), TypeScript, HTML, HTML5, Bootstrap, SCSS, Accessibility, MongoDB, APIs, Design Systems, Mongoose, Test Cases, Front-end Development, Storybook, Angular, Angular CLI, Tailwind CSS

Senior Software Engineer

2021 - 2021
PLANFRED
  • Developed pixel-perfect UI screens using the Vue/Nuxt.js app framework.
  • Built efficient UIs using the Tailwind CSS theming system based on design specifications from Figma.
  • Developed REST API services using Express and integrated UI screens with REST APIs using TypeScript mapped types.
  • Used test-driven development strategy to ensure more reliable code.
  • Improved code coverage and enhanced end-to-end testing with Cypress.
Technologies: APIs, Bootstrap, Express.js, Node.js, Mongoose, CSS, HTML5, Front-end Development, Storybook, Vue, Nuxt.js, TypeScript, ECMAScript (ES6), Cypress, Tailwind CSS

Staff Software Engineer

2020 - 2021
ServiceNow
  • Developed the NLU Workbench dashboard to train, test, publish, and manage machine learning models that power the platform's chatbot, search, and IoT capabilities. Customer adoption increased many folds in the initial release.
  • Implemented best-in-industry coding standards and integrations with DevOps to enhance the developer experience, including maintenance and upgrades.
  • Enhanced user engagement by improving overall app performance and making the features easy to use and adopt.
Technologies: JavaScript, HTML5, CSS3, React, React Apollo, Apollo, CSSinJS, Emotion Library, Styled-components, Webpack, Rollup.js, Node.js, ServiceNow, SCSS, GraphQL, Redux, React Redux, Accessibility, React Router, Responsive UI, Visual Studio Code (VS Code), CSS, Front-end, WCAG 2, HTML, MacOS, Jest, User Interface (UI), Web Development, Natural Language Understanding (NLU), Front-end Development, Storybook, Tailwind CSS, Forms

Lead Engineer II

2019 - 2020
PepsiCo
  • Single-handedly created working prototypes and POCs for complex, front-end solutions; in particular, a highly performant, image-heavy product branding site that powered the PepsiCo brand.
  • Increased the performance of multiple customer-facing apps up to 95% and co-created a multiform PWA that worked like a native app, saving customers invaluable time while using those forms.
  • Came up with and implemented innovative solutions that saved huge amounts for the company due to the in-house capabilities.
  • Unified the company's design system and created a consolidated, reusable components library that was used across all projects.
  • Worked on a campaign dashboard with dynamic page creation at runtime, using React, GatsbyJS, and Node.js-based microservices. This tool was successful in quickly publishing B2C campaigns, thus impacting daily revenue.
  • Developed and delivered all front-end, tool-chain integrations including Lighthouse, ESLint, front-end security, accessibility, and PWA.
  • Optimized tooling for DevOps integration with Git hooks and testing tools.
Technologies: JavaScript, HTML5, CSS3, Node.js, React, Gatsby, Material UI, Bootstrap UI, Webpack, Redux, React Redux, React Router, Next.js, SCSS, GraphQL, CSSinJS, Express.js, TypeScript, Accessibility, React Apollo, Apollo, Styled-components, Rollup.js, Angular CLI, Responsive UI, Visual Studio Code (VS Code), CSS, Front-end, WCAG 2, HTML, Progressive Web Applications (PWA), Service Workers, MacOS, Netlify, Jest, User Interface (UI), Bootstrap, Web Development, Angular, MongoDB, Front-end Development, Storybook, Tailwind CSS, Forms

Specialist Senior

2018 - 2019
Deloitte
  • Developed integrations and headless solutions in multiple frameworks, including Angular, React, Vue, and Stencil.js.
  • Handled the entire product development for Sony PlayStation, the popular gaming eCommerce site. Developed modules, including checkout, order management, profile management, and catalog views, along with product listing and details views.
  • Implemented and optimized front-end toolchains for better code and easy maintenance. Implemented test-driven development along with code optimization and type checking using TypeScript.
  • Trained front-end teams on modern, front-end technical stacks and conducted hackathons to promote the adoption of these solutions.
Technologies: JavaScript, React, Angular, Node.js, Webpack, Redux, React Redux, React Router, TypeScript, Express.js, HTML5, CSS3, Styled-components, SCSS, CSSinJS, Accessibility, Material UI, Bootstrap UI, Angular CLI, Responsive UI, jQuery, Visual Studio Code (VS Code), CSS, Front-end, WCAG 2, HTML, Progressive Web Applications (PWA), Service Workers, Handlebars, MacOS, Jest, User Interface (UI), Bootstrap, Web Development, Front-end Development, Storybook

Senior Software Analyst

2012 - 2018
Franklin Templeton
  • Delivered highly successful product sites and corporate sites with localization features that generated a 130%+ increase in profits. I did this while working as a senior front-end developer.
  • Built single-page campaign sites, using Angular, JavaScript, and jQuery, thus improving the product adaptability by 40% in the first quarter after release. Received many accolades for building these campaigns single-handedly in record time.
  • Participated actively in application improvement plans involving infrastructure and technical stack evaluation and modernization. Developed multiple POCs in Node.js and React as part of this evaluation.
  • Developed user interfaces for customized tools for internal product management and process automation and was involved in DevOps and authentication system integrations as part of these efforts. These tools are still being used in the company.
  • Introduced and perfected test-driven development and automation testing tools for the front-end technical stack and projects across the company and helped teams integrate them into all projects.
Technologies: JavaScript, HTML5, CSS3, React, Angular, Angular CLI, Node.js, Webpack, Accessibility, Responsive UI, TypeScript, jQuery, CSS, Front-end, WCAG 2, HTML, User Interface (UI), Bootstrap, Web Development, Front-end Development

Software Engineer

2010 - 2012
Wipro
  • Developed high-quality software that stood the test of time and helped manage and maintain codebases that were up-to-date with the latest best practices.
  • Built responsive UIs that were used for all types of device screen resolutions and complied with the latest accessibility and web standards at the time.
  • Worked on different types of project setups, gained exposure to different tech stacks, and successfully translated the learning into practice.
Technologies: HTML5, CSS3, JavaScript, jQuery, Bootstrap UI, Accessibility, Responsive UI, CSS, Front-end, HTML, User Interface (UI), Bootstrap, Web Development, Front-end Development

eCommerce Platform for PlayStation

https://direct.playstation.com
Sony PlayStation wanted to create its own user-friendly portal to be used by 80 million gamers who can directly purchase their products. It was a multimillion-dollar project, and I was involved in developing the entire application, which is an eCommerce solution that was built using modern, future-proof solutions.

I delivered the front-end web app and developed all the features using a solid React-based technical stack, including tools like Redux, Webpack, and React Router. I integrated the application seamlessly with various back-end tools, including Cybersource payment gateway and Hybris order management tools. I worked with a team of around 10 people to collaborate on various Agile processes.

After the application was launched, customers quickly started using it, resulting in 150%+ higher revenues in that quarter alone, and the conversion rates were more than 600%.

NLU Workbench Dashboard for ServiceNow

ServiceNow is a workflow platform used by most Fortune 500 companies. The company wanted to expand its reach and usability by enhancing its machine learning capabilities. This was a significant goal at the organization level, with high visibility and priority.

As part of that effort, I co-created a dashboard that powers users to train, test, and publish their ML solutions to be used in their various capabilities, such as search and virtual agents (chatbots). I delivered the application, including all features and integrations, using a React and Apollo GraphQL-based web app that uses cutting-edge features that were built in-house to integrate with the ServiceNow platform and use its capabilities.

The application was seamlessly integrated with the platform and back end, using advanced tools like Apollo Client and GraphQL resolvers. I integrated the application with build tools and worked on enhancing the user and developer experience.

Major clients adopted the new feature immediately after it was launched, and the trend continued to grow exponentially. This also increased the adoption of ML capabilities in all the clients' websites and increased platform engagement.

Paperless Forms for PepsiCo

PepsiCo wanted to solve one of the bigger challenges for its field agents and save environmental resources by going completely paperless with its forms. Subsequently, I was involved in creating and delivering a unique web app that manages online forms and also works when a user goes offline.

I delivered a seamless solution built on GatsbyJS and React along with the Workbox (service worker) tool that allows the app to work flawlessly where there is no network and users can install it as a PWA app. I collaborated with various internal teams to successfully integrate various capabilities, including subscription-based forms, version-controlled data, and background sync of saved data.

This project was launched in Middle East countries with huge success and quick adoption by employees in other countries, resulting in a global success. The web app enabled the company to cut huge costs in physical forms and achieve significant environmental benefits due to reduced paper consumption.

Platform Redesign for Franklin Templeton

https://www.franklintempleton.com/
Franklin Templeton, one of the largest investment firms in the United States, planned to modernize its old websites and move toward responsive, fast, and mobile-friendly portals for its entire suite of websites. I was in the core team that designed and implemented the platform redesign solution to achieve this objective. We built an elegant solution using Angular and Node.js frameworks.

My Contributions:
• Developed improved fund pages with charts and graphical layouts.
• Delivered a unique design system and reusable component library that helped power all the websites with reusable sections and pages, which cut a lot of development costs.
• Integrated with account management tools to make the American and Canadian sites fully integrated with SSO tools.
• Delivered fully functional integration with modern adaptive search capabilities.

As the newly redesigned websites were launched, the company had a $700+ million increase in revenue in the next quarter alone, marking the delivery of a huge milestone for the company.

Languages

JavaScript, HTML5, CSS3, SCSS, GraphQL, TypeScript, HTML, CSS, ECMAScript (ES6)

Frameworks

Angular, Express.js, Redux, Jest, Bootstrap, Tailwind CSS, Next.js, Material UI, Nuxt.js, Cypress

Libraries/APIs

React, Node.js, CSSinJS, React Redux, React Router, Vue, Emotion Library, Rollup.js, jQuery, Handlebars, RxJS

Tools

Webpack, React Apollo, Angular CLI, Mongoose

Platforms

Visual Studio Code (VS Code), Netlify, MacOS

Other

Accessibility, Styled-components, Bootstrap UI, Front-end, User Interface (UI), Web Development, Front-end Development, Forms, Gatsby, Service Workers, Progressive Web Applications (PWA), WCAG 2, Storybook, Apollo, ServiceNow, Responsive UI, APIs, Design Systems, Test Cases, Natural Language Understanding (NLU), ng-bootstrap

Storage

MongoDB

2005 - 2009

Bachelor's Degree in Mechanical Engineering

Jawaharlal Nehru Technological University (JNTU), Kakinada - Kakinada, Andhra Pradesh, India

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring