Lokesh is available for hire

Lokesh Pathrabe

Verified Expert in Engineering

Front-end Developer

Pune, Maharashtra, India

Toptal member since February 15, 2022

Expertise

Front-end Web Development WordPress Development SaaS Dashboard Full-stack JavaScript HTML5 CSS React.js Git Bootstrap Redux

Bio

Lokesh is a seasoned software developer with expertise in front-end development with React. With more than eight years of experience, he has built various web applications using different front-end technologies. Lokesh is passionate about creating intuitive, responsive, and user-friendly applications and writing performant and simple code to solve complex problems.

Portfolio

Lilla Ekonomibyrån Sverige AB

React, TypeScript, JSX, Front-end, Tailwind CSS, CI/CD Pipelines...

Rainforest Foundation US

Next.js, Sanity Studio

Smart Trucking LLC

React, Node.js, MySQL, Vercel, Redis, Next.js, Tailwind UI...

Experience

Front-end Development - 8 years
JavaScript - 7 years
React - 6 years
Redux - 5 years
Node.js - 4 years
Next.js - 2 years
Express.js - 2 years
TypeScript - 2 years

Availability

Full-time

Preferred Environment

Slack, MacOS, Visual Studio, Amazon Web Services (AWS)

The most amazing...

...thing I've developed is a feature-rich data grid for complex data with sorting, filtering, grouping, and drag-and-drop for files of account transactions.

Work Experience

Front-end React Developer

2022 - PRESENT

Lilla Ekonomibyrån Sverige AB

Developed a comprehensive React application that addresses the complex needs of accountants and clients in managing financial transactions and accounts.
Worked on the application that greatly simplified transaction reconciliation with a user-friendly drag-and-drop interface for transaction file management. The app was built with performance in mind to handle several thousands of transactions across accounts.
Added support for client login and mobile device support with a responsive design. Provided features for clients to review transactions, respond to inquiries from accountants, and upload necessary transaction proofs and documents.
Addressed, thanks to the React application I created, the intricate requirements of accountancy and financial management. This helped improve work efficiency, automate 30% of manual work done by accountants, and increase profits.

Technologies: React, TypeScript, JSX, Front-end, Tailwind CSS, CI/CD Pipelines, Front-end Development, User Experience (UX), User Interface (UI), Web UX, Web UI, React Hooks, React Query, REST APIs, UI Design, GitHub, UX Design, SaaS, Web Development, Cypress, WebSockets, SQL, Git, React Redux, Application State Management, Responsive Web Apps, PostgreSQL, Internationalization, Localization, i18n, i18next, CSS Animations, WebApp, ESLint, RESTful Services, Babel, Tailwind UI, Responsive Web Design (RWD), Mobile, Scalability, Performance, Single-page Applications (SPAs), NPM, Redux Toolkit, React Testing Library, UI Components, Headless UI, Atomic Design, Design Systems, Netlify

Front-end Developer

2024 - 2024

Rainforest Foundation US

Developed pages to educate kids about the rainforest ecosystem and tribes living in the Amazon rainforests.
Contributed to features, including games, graphics, quizzes, and infographics that educate children about the rainforest and their importance in the sustenance of Earth.
Used Sanity.io as a headless CMS and created Next.js pages.

Technologies: Next.js, Sanity Studio

Full-stack JavaScript Developer

2024 - 2024

Smart Trucking LLC

Performed full-stack development of Next.js application from scratch to deliver. Apart from development, I researched how option trading works and their different strategies for different market conditions.
Developed a Next.js application to create options strategies, predict profit for different market conditions, and visualize profit across different stock price ranges before expiry.
Integrated with Alpha Vantage APIs to get live real-time stock data for the USA market.
Used OpenAI to quickly formulate profit and loss calculations for more than 20 options strategies.

Technologies: React, Node.js, MySQL, Vercel, Redis, Next.js, Tailwind UI, Responsive Web Design (RWD), Performance, Single-page Applications (SPAs), NPM, Server-side Rendering (SSR), Back-end, UI Components, Headless UI, Atomic Design

Full-stack Developer

2024 - 2024

Mentors Without Borders

Developed a front end in Next.js and Material UI and the back-end REST APIs in Express.js and PostgreSQL to add expense management capabilities for MWB education centers around the world.
Improved the existing code by refactoring the back-end database layer and controllers. This resulted in faster development and delivery of new features and fewer bugs.
Improved the theming and styling of components in the Next.js application.

Technologies: Next.js, Material UI, Express.js, Node.js, PostgreSQL, Vercel, NoSQL, WebApp, ESLint, RESTful Services, Babel, Mobile, Performance, NPM, Redux Toolkit, Server-side Rendering (SSR), Back-end

Senior Software Consultant

2023 - 2024

Wayfair

Developed a full-stack web application to monitor the carrier partner's invoice processing and audits. This application handles more than one million invoices from 50+ carrier partners of Wayfair every month.
Designed the UX for an application in Figma to solve complex business requirements around the visualization of invoices across carriers, analysis of failed invoices, automation of corrections, and audit of invoices.
Built a performant web application in Next.js with TypeScript, GraphQL, and React Query. Handled the back-end development in Java and Spring Boot.
Helped audit carrier invoices and reduced overcharging and incorrect pricing from carrier partners through the application, saving Wayfair millions of dollars.

Technologies: TypeScript 3, TypeScript, Next.js, Java, Google Cloud Platform (GCP), Spring Boot, Kubernetes, Docker, Material UI, GraphQL, GraphQL Code Generator, React Redux, Application State Management, PostgreSQL, Internationalization, Localization, Full-stack, DevOps, CSS Animations, WebApp, Test-driven Development (TDD), ESLint, RESTful Services, Babel, Responsive Web Design (RWD), Scalability, Performance, Single-page Applications (SPAs), NPM, React Testing Library, Design Systems

Senior Software Developer

2020 - 2023

Druva

Built a security insights application for a data backup and restore product as a sole contributor. Provided insights into security-critical events like unauthorized data access, unusual backup activity, and ransomware attack predictions.
Developed a chart library using an amCharts charting library that was published as an npm module for internal use. It is reusable and easy to customize react chart components, bringing consistency in design and saving time.
Created a GitLab CI/CD pipeline to create and publish a production build for an Nginx Docker container hosting multiple React applications.
Used static and real user monitoring tools to measure UI application performance in development and production environments. Used these results to improve application loading times and speed.
Gained experience managing complete software development from planning, development, unit testing, and deployment of front-end applications.
Developed an app to manage icons and visual graphics. It provides a UI interface to manage the complete workflow of importing SVG components from Figma: packaging, bundling, and releasing them as npm packages.
Worked on multiple React applications with functional components and heavily used React Context API and Redux for state management. Also provided client-side routing using React Router and used Axios and browser Fetch for the API client.

Technologies: React, JavaScript, HTML5, CSS, Webpack, Rollup, Bootstrap, Amazon Web Services (AWS), Express.js, MySQL, NGINX, Redux, HTML, Sequelize, TypeScript, GraphQL, Functional Programming, APIs, Material UI, REST, Jest, Data Visualization, Visual Studio, Node.js, Docker, Context API, Git, Tailwind CSS, Front-end Development, Dashboards, Web Dashboards, A/B Testing, Dashboard Development, Web UX, Web UI, React Hooks, React Query, Full-stack Development, REST APIs, Python, Databases, UI Design, GitHub, UX Design, Styled-components, SaaS, Web Development, Cypress, SQL, MERN Stack, React Redux, Application State Management, Responsive Web Apps, Localization, DevOps, CSS Animations, Sass, WebApp, ESLint, RESTful Services, CSS Preprocessors, Scalability, Single-page Applications (SPAs), NPM, React Testing Library, Design Systems

Software Engineer

2018 - 2020

Druva

Migrated jQuery-based apps to React, developed new features, and added to a common UI component library.
Improved unit test coverage to 80% by adding tests using react-testing-library and Jest.
Enhanced the CI/CD pipeline to testing and building JavaScript on Gitlab.
Contributed to engineering documentation for resource onboarding as well as design documentation for the app.
Developed a utility library to use browser web workers to process complex time-consuming tasks without blocking the UI thread on the browser. Published the library as an open-source npm library on GitHub.
Enhanced and maintained the CherryPy REST server, which handled authentication, session management, and communication with back-end services. Gained hands-on experience in Python.

Technologies: JavaScript, React, Redux, Webpack, NGINX, Amazon Web Services (AWS), GitLab, GitLab CI/CD, Docker, Docker Compose, Front-end Development, Dashboards, Dashboard Development, Web Dashboards, Visualization, Data Visualization, Figma, Web UX Design, Python 2, Web UX, Web UI, React Hooks, React Query, GitHub, Styled-components, SaaS, Web Development, Git, React Redux, Application State Management, DevOps, Sass, WebApp, ESLint, CSS Preprocessors, Scalability, Single-page Applications (SPAs), React Testing Library

Software Developer II

2015 - 2018

One Network

Upgraded a front-end application from Ext JS and jQuery technology to React. Created a common UI component library.
Used SVN and Perforce for code repo management and Jira for bug tracking.
Automated UI tests with Selenium and Java 8. Contributed to the test framework by adding enhancements and improvements.

Technologies: JavaScript, React, MobX, jQuery UI, Java 8, Redux, HTML, Functional Programming, APIs, REST, Jest, Visual Studio, Bootstrap, Front-end Development, Web Development, Git, React Redux, Application State Management, Sass

Software Developer

2012 - 2015

Cognizant

Created a framework to automate UI tests using Selenium.
Contributed to UI application development using jQuery UI.
Used QTP and Selenium for UI test automation, creating UI test results and reports. Automated regression suites for release testing.

Technologies: Java 8, jQuery UI, HTML, Visual Studio, Front-end Development, Web Development

Experience

Stock Research Application

https://stockpro.lptech.in/

The application provides the following features for the research and analysis of US stocks:

• Get the latest stock technicals, quotes, and market data for informed trading decisions.
• Access powerful tools for technical analysis and trend identification.
• Calculate potential profits and losses for options trades.
• Catch up with the latest market news impacting stock investment decisions.

React SPA for Accounting

Developed a React SPA that greatly simplified transaction reconciliation with a user-friendly UI and a feature-rich data grid having filtering, sorting, categorizing, and reordering features. Also implemented a drag-and-drop interface for transaction file management.

The app was built with performance in mind to handle several thousands of transactions across accounts. The application is responsive and supports mobile web.

AI Job Pitch

This AI-assisted pitch generator is a powerful tool that helps job seekers create personalized pitches that highlight their skills, experience, and achievements. This increases their chances of landing their dream job and standing out from the crowd.

Data Visualization Library

https://lokeshpathrabe.github.io/amcharts-react

Developed a React chart library based on amCharts.

• Provides ready-to-consume React components with minimum configuration
• Easy-to-use APIs to customize charts
• Reduces development time and improves consistency in design and styling
• Storybook documentation and demo

Ransomware Recovery

https://tours.druva.com/?tour=rr

Worked as a front-end developer on the Ransomware Recovery application, which helps in early identification, quarantining, and restriction of ransomware attacks. It also enables finding healthy backup snapshots and restoring them to endpoints and servers.

SVG Graphics Manager

Created an application using React, Node.js, and MySQL to manage SVG icons and graphics.

• The graphics are imported from Figma using APIs and stored in MySQL.
• UI workflow to publish SVGs as an npm module to be consumed as SVG React components.
• It contains user and admin authentication and access management.

Axios Service

https://github.com/lokeshpathrabe/AxiosService

An API service based on Axios with:

• Auto-refresh of auth tokens
• Retry for failed APIs
• Customized API error codes and scenario-based behavior

Users can create the Axios instance using this library and make API calls, providing some configuration to fetch the auth token. The library takes care of all scenarios related to an auth failure.

Education

2008 - 2012

Bachelor's Degree in Instrumentation Engineering

Nirma Institute of Technology - Ahmedabad, India

Skills

Libraries/APIs

Node.js, React, MobX, React Router, React Query, React Redux, React Testing Library, REST APIs, jQuery UI, Formik, Context API

Tools

Webpack, NGINX, Visual Studio, Sequelize, Git, GitHub, NPM, Redux Toolkit, Babel, Rollup, GitLab, GitLab CI/CD, Docker Compose, JSX, Figma, MongoDB Atlas, Prisma, Shadcn

Languages

JavaScript, HTML5, CSS, HTML, TypeScript, TypeScript 3, Sass, GraphQL, SQL, Java 8, Python 2, Python, Java

Frameworks

Bootstrap, Redux, Material UI, Jest, Tailwind CSS, Next.js, Cypress, WebApp, Express.js, i18next, Spring Boot

Paradigms

REST, Functional Programming, Responsive Web Design (RWD), UX Design, UI Design, DevOps, Test-driven Development (TDD), Web UX Design

Platforms

MacOS, Amazon Web Services (AWS), Docker, Firebase, Vercel, Mobile, Sanity Studio, Netlify, Google Cloud Platform (GCP), Kubernetes

Storage

MySQL, Databases, PostgreSQL, NoSQL, MongoDB, Redis

Other

Axios, AmCharts, Storybook, APIs, Front-end, Front-end Development, Dashboards, React Hooks, Full-stack Development, Styled-components, SaaS, Web Development, Application State Management, Responsive Web Apps, Internationalization, Localization, ESLint, RESTful Services, Tailwind UI, Scalability, Performance, Single-page Applications (SPAs), Server-side Rendering (SSR), UI Components, Headless UI, Atomic Design, Design Systems, Data Visualization, Charts, Dashboard Development, User Experience (UX), User Interface (UI), Web UI, Web UX, WebSockets, MERN Stack, Full-stack, i18n, CSS Animations, Radix UI, CSS Preprocessors, Back-end, CI/CD Pipelines, Web Dashboards, Visualization, A/B Testing, GraphQL Code Generator

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.

Share your needs

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

Choose your talent

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

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