Nikhil Kumaran S, Developer in Chennai, Tamil Nadu, India
Nikhil is available for hire
Hire Nikhil

Nikhil Kumaran S

Verified Expert  in Engineering

Bio

Nikhil is a front-end developer with expertise in React, 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. He's also experienced in profiling and improving the performance of React applications. Nikhil writes blogs, delivers tech talks, and mentors others.

Portfolio

Terrific Minds (Syncari, Inc)
React, TypeScript, Cypress, JavaScript, Highcharts, Antd, Redux, Front-end...
Nature's Way
React, JavaScript, TypeScript, Antd, Next.js, Swagger, Media Players...
Cloudera
React, TypeScript, JavaScript, Cypress, UI Testing, Front-end...

Experience

  • JavaScript - 5 years
  • Responsive UI - 5 years
  • Website Performance - 5 years
  • React - 5 years
  • CSS - 5 years
  • TypeScript - 4 years
  • Next.js - 3 years
  • Storybook - 3 years

Availability

Part-time

Preferred Environment

Git, Visual Studio Code (VS Code), Chrome, Linux

The most amazing...

...thing I've developed is a feature-rich React application. I architected it from scratch and it's now used by thousands of people.

Work Experience

Senior Front-end Developer

2023 - PRESENT
Terrific Minds (Syncari, Inc)
  • 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, enhancing control and visibility of errors.
  • Developed new visualizations and enhanced existing visualizations for the Insights product.
  • Enhanced visualization dashboards to be shareable via a secure, email-based invitation system, enabling external users access and simplifying collaboration and sharing of business insights.
Technologies: React, TypeScript, Cypress, JavaScript, Highcharts, Antd, Redux, Front-end, User Interface (UI)

Senior Front-end Developer

2022 - 2023
Nature's Way
  • Built and launched a Next.js-based wellness course platform in three months. It features specialized portals for users, course curators, and administrators, each designed with unique functionalities to suit their specific roles.
  • Developed responsive UI for various pages, including course listings, course details, lessons, video content, media library, checkout, and user settings. Built pages for curators and admins to oversee courses and participant engagement.
  • Led a post-MVP launch, led two junior UI developers, oversaw the high-level architecture, and designed new features, ensuring timely delivery and maintaining exceptional quality standards.
Technologies: React, JavaScript, TypeScript, Antd, Next.js, Swagger, Media Players, Responsive UI, Stripe, Front-end, User Interface (UI)

Senior Front-end Developer

2022 - 2022
Cloudera
  • Implemented code splitting and lazy loading for a chart component in an app. This reduced the initial bundle size and improved UX by loading the chart only when the user interacts with a dropdown selector, ensuring seamless rendering on-demand.
  • Implemented virtualized windowing for a log viewer page handling over 10,000 lines, enhancing performance by rendering only logs visible in the viewport, reducing system strain, and boosting page responsiveness.
  • Reached out to users and gathered feedback on our product 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 now used by hundreds of people.
Technologies: React, TypeScript, JavaScript, Cypress, UI Testing, Front-end, User Interface (UI)

Front-end Developer

2021 - 2022
Rare Circles Inc.
  • Developed highly customizable UI components that let users create their NFT storefront with their design.
  • Created a store editor that previews the NFT store and shows real-time updates as the user makes changes.
  • Built pages for buying and bidding NFTs with different auction types and supporting fiat and cryptocurrency payments.
  • Built pages that facilitate the creation, modification, deletion, and sorting of posts in a community forum.
Technologies: JavaScript, CSS, React, TypeScript, Responsive, Responsive UI, Stripe, Figma, Web3, Iframes, Styled-components, Responsive Web Apps, Antd, GraphQL, Front-end, User Interface (UI)

Front-end Developer

2020 - 2022
Cloudera
  • Architectured a React application from scratch, which included setting up the folder structure, state management, authentication, data fetching, routing, rendering, styling, and testing.
  • Involved in actively developing the new React app and releasing the MVP.
  • Worked on complex features to enhance the product.
Technologies: React, TypeScript, JavaScript, Webpack, Responsive UI, Website Performance, HTML, CSS, Babel, Antd, Storybook, Jest, React Testing Library, React Query, Less, SCSS, Sass, Modular CSS, Front-end, User Interface (UI)

Front-end Developer

2019 - 2020
Qube Cinema
  • Developed independent, reusable, and responsive React components with a design system in a component library using Storybook.
  • Contributed to the complete feature lifecycle from design to deployment.
  • Implemented end-to-end testing in UI applications using Puppeteer.
  • Mentored the interns in UI development as I was always enthusiastic about sharing knowledge.
  • Upgraded two apps with older React versions to the latest version. These apps are not Bootstrapped with Create React App; they had their webpack and Babel configs that needed migration to the newest version (Webpack v2-v5).
  • Upgraded one application bootstrapped with Create React App to the latest version.
Technologies: React, Redux, JavaScript, TypeScript, Storybook, Webpack, Babel, Puppeteer, Mentorship & Coaching, Website Performance, Antd, Less, SCSS, HTML, CSS, Responsive UI, Sass, React Testing Library, Jest, Unit Testing, UI Testing, Design Systems, Accessibility, Front-end, User Interface (UI)

Experience

React Boilerplate

https://github.com/Nikhil-Kumaran/reactjs-boilerplate
Developed a React project bootstrapping tool called React Boilerplate. It has a basic React setup with Babel, webpack with basic loaders, Ant Design, and React Router, and it's optimized for production using code splitting and lazy loading. This is similar to Create React App but gives you more control over the build configurations.

React Component Library | Nk Design System

https://github.com/Nikhil-Kumaran/nk-design-system
Developed Nk design system, a React component library built with TypeScript, React, Tailwind CSS, and Storybook. Followed the Atlassian end-to-end design language Atlassian Design System to develop this library.

Movie Shortlist

https://github.com/Nikhil-Kumaran/movie-shortlist
A React application that showcases the latest movies, which are categorized according to their genres. This information is sourced from The Movie Database (TMDB), ensuring users can access up-to-date content. Additionally, the application empowers users to curate their list of favorite movies, allowing them to add or remove titles as they see fit.

Blog Website

https://github.com/Nikhil-Kumaran/nikhilkumaran
This is my blog website, built with React and Next.js. Major features include support for all markdown formats with MDX and JSX, light and dark themes, SEO, open graph, and Google Analytics for tracking.

Education

2015 - 2019

Bachelor's Degree in Computer Science

Sri Venkateswara College of Engineering - Chennai, India

Skills

Libraries/APIs

React, Puppeteer, Antd, React Testing Library, React Query, Stripe, Highcharts

Tools

Git, Webpack, Babel, Google Analytics, Figma

Languages

TypeScript, JavaScript, CSS, HTML, Less, Markdown, SCSS, Sass, MDX, GraphQL

Frameworks

Chrome, Jest, Next.js, Tailwind CSS, Redux, Cypress, Swagger, Media Players

Paradigms

Unit Testing, Modular CSS, Search Engine Optimization (SEO), Responsive

Platforms

Linux, Visual Studio Code (VS Code), Vercel

Other

Storybook, Responsive UI, Website Performance, Design Systems, UI Testing, Front-end, User Interface (UI), SEO Tools, Accessibility, Mentorship & Coaching, Styled-components, Iframes, Web3, Responsive Web Apps

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