Nikhil is available for hire
Hire NikhilNikhil Kumaran S
Verified Expert in Engineering
Web Developer
Chennai, Tamil Nadu, India
Toptal member since August 20, 2021
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
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)
Project History
React Boilerplate
https://github.com/Nikhil-Kumaran/reactjs-boilerplateDeveloped 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-systemDeveloped 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-shortlistA 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/nikhilkumaranThis 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