Nikhil Kumaran S

Nikhil Kumaran S

Mentor
5.0
(5 reviews)
US$15.00
For every 15 mins
12
Sessions/Jobs
free badge
First 15 mins free for your first session
ABOUT ME
Frontend developer with expertise in Reactjs
Frontend developer with expertise in Reactjs

Senior Frontend Developer, with expertise in React.js with TypeScript.

I have 5 years of experience in architecting projects by bringing in the best tools, implementing best practices, and making apps scalable and maintainable in the long run. This includes setting up the folder structure, state management, authentication, data fetching, routing, rendering, styling, and testing.

Developed independent, reusable, responsive React components in a component library by following a design system with Storybook. I'm a design system advocate. Checkout my react component library - nk-design-system.

I have experience on profiling and improving the performance of React applications. Checkout my blog post on React optimizations - React performance improvements

I have a strong experience with build tools like Webpack and Babel. Checkout my CLI tool for bootstrapping react application similar to create-react-app -
reactjs-boilerplate.

I test my react components using react-testing-library and perform end to end functionality testing with cypress or puppeteer.

I have experience in upgrading legacy React applications(v0.14.0 and v15.5.0) to the latest. These applications are not bootstrapped with create-react-app, and had their own Webpack and babel configs that needed migration to the latest version.

I also have experience with Next.js. I developed my blog website nikhilkumaran.dev using Next.js.

Apart from constant self-learning, I always had a soft corner for knowledge sharing. I share my knowledge by writing blog posts, giving tech talks, and mentoring people on Frontend.

I have a Complete Frontend course which you can checkout here - Course

English
Chennai (+05:30)
Joined July 2021
EXPERTISE
5 years experience | 1 endorsement
• I have experience in architecting projects by bringing in best tools and implementing best practices that makes the app scalable and ma...
• I have experience in architecting projects by bringing in best tools and implementing best practices that makes the app scalable and maintainable in the long run. This includes, setting up folder structure, state management, authentication, data fetching, routing, rendering, styling, and testing. • I have experience developing independent, reusable, responsive React components with a design system in a component library and documenting them using Storybook. • I have experience on profiling and improving the performance of React applications. Checkout my blog post on [React optimizations - https://dev.to/nikhilkumaran/react-performance-improvements-make-your-react-app-performant-12bm • I have experience upgrading applications with older React versions(v0.14.0 and v15.5.0) to the latest. These applications are not bootstrapped with "create-react-app", and hence had their own Webpack and babel configs that needed migration to the latest version (Webpack v2 - v5)
View more
View more
5 years experience
I have strong knowledge on both functional and object oriented JavaScript. I have 3 years for professional experience on JavaScript, but ...
I have strong knowledge on both functional and object oriented JavaScript. I have 3 years for professional experience on JavaScript, but I've been using it for more than 6 years.
View more
View more
5 years experience | 1 endorsement
4 years experience
4 years experience | 1 endorsement
I have strong CSS skills and can bring awesome looking mockups to life. Sometimes CSS can be tricky and does not work the way you expect...
I have strong CSS skills and can bring awesome looking mockups to life. Sometimes CSS can be tricky and does not work the way you expected it to. I have encountered lot of these in the past and learned from it, so I can solve these issues in a jiffy. Checkout my CSS skills in Codepen - https://codepen.io/collection/nmQbpL

REVIEWS FROM CLIENTS

5.0
(5 reviews)
Alexander
Alexander
October 2021
It helped me a lot, I also learned many things that I really need for my future projects.
Madhweep Lakshmanan
Madhweep Lakshmanan
October 2021
Nikhil is super fast and amazing to work with. my third job with him!
Madhweep Lakshmanan
Madhweep Lakshmanan
October 2021
Nikhil is a js expert. great to work with him!
Sam Lee
Sam Lee
July 2021
Nikhil is amazing. He put all his effort to help me with my project. He has a front-end course, and it helps me so much better with my coding skills. Best service ever!!
Sam Lee
Sam Lee
July 2021
Really helpful and full of knowledge, he helps me a lot
EMPLOYMENTS
Senior Frontend Developer
Terrific Minds (Syncari)
2023-01-01-Present

• Developed a notification system where users can choose the types and frequency of error notifications to be received through their p...

• Developed a notification system where users can choose the types and frequency of error notifications to be received through their preferred channels, including Email, Webhook, or Slack. This empowers users with direct control over the error notification stream and provides more visibility into the errors.

• Developing new visualizations and enhancing existing visualizations for Insights product.

• Made the visualization dashboards shareable. External users can now be granted access to the dashboard through a secure, email-based invitation system. This strategic enhancement not only facilitates the easy sharing of critical business insights but also streamlines cross-collaborative efforts.

Highcharts
TypeScript
React
View more
Highcharts
TypeScript
React
JavaScript
Redux
View more
Senior Frontend Developer
Cloudera
2022-08-01-2022-12-01
  • To improve the performance of the application and reduce the size of the initial bundle, I implemented code splitting and lazy lo...
  • To improve the performance of the application and reduce the size of the initial bundle, I implemented code splitting and lazy loading for the chart component. This meant that the chart component was not loaded and included in the initial bundle, but was only loaded and rendered once the user focused on the dropdown selector and began making their selection. The result was a smaller initial bundle size and an improved user experience, as the chart component was not loaded until it was needed and was then rendered seamlessly once it was needed.

  • Noticed that the log viewer page was becoming slower and less responsive when rendering large lists of logs, specifically over 10,000 lines. To improve the performance of this page, I implemented the concept of virtualized windowing. This allowed the application to only render the logs that were currently visible in the user's viewport, reducing the strain on the system and improving the overall responsiveness of the page.

  • Reached out to our users and gathered feedback on our product, then took that feedback and used it to develop new features that improved the overall user experience.

  • Won the company wide hackathon and integrated the hackathon project directly into the existing product which is now used by hundreds of people.
TypeScript
React
JavaScript
View more
TypeScript
React
JavaScript
View more
Frontend Developer
Cloudera
2020-12-01-2022-08-01
  • Created a React application from scratch to improve the efficiency of troubleshooting customer issues. This involved selecting th...
  • Created a React application from scratch to improve the efficiency of troubleshooting customer issues. This involved selecting the best tools and implementing best practices to ensure that the application was scalable and maintainable in the long term. The result was a 50% reduction in "Time to resolve" customer cases as our support team was able to troubleshoot issues much more quickly with the help of the new application.

  • Implemented end to end testing with cypress, which covers most of the positive flows in the app, which now gives us more confidence in releasing features.

  • Involved in the complete lifecycle of a feature from the design discussion to deployment.
TypeScript
React
JavaScript
View more
TypeScript
React
JavaScript
React Testing Library
React Query
View more
PROJECTS
Reactjs bolilerplateView Project
2020
• Basic react setup with babel, webpack with basic loaders, ant design, react-router and optimized for production using code splitting an...
• Basic react setup with babel, webpack with basic loaders, ant design, react-router and optimized for production using code splitting and lazy loading. • Easily bootstrap a reactjs project with a single command. `npx reactjs-boilerplate project-name`
npm
React
JavaScript
View more
npm
React
JavaScript
Webpack
Babel
Ant Design
View more
nk-design-systemView Project
2020
• A react component library by following the Atlassian design language.
• A react component library by following the Atlassian design language.
TypeScript
React
Storybook
View more
TypeScript
React
Storybook
Rollupjs
Tailwind css
View more