Anil is available for hire

Anil Kumar Rai

Verified Expert in Engineering

Front-end Developer

Location

Bengaluru, Karnataka, India

Toptal Member Since

December 7, 2021

Anil is a highly skilled front-end developer with over a decade of expertise in JavaScript, React, Next.js, HTML5, and CSS3. His proficiency extends to responsive web development, ensuring seamless user experiences. With a proven track record of leadership, Anil excels in dynamic and fast-paced environments, consistently delivering top-notch solutions. His dedication to precision and innovative problem-solving sets him apart in crafting exceptional front-end experiences for diverse projects.

UI Development Responsive UI Front-end Analytics Integration OAuth A/B Testing Data Visualization CSS Git GitHub UI Design JavaScript Agile React Wappler

Portfolio

Dapptopia, LLC

React, CSS, TypeScript, Material UI, Test-driven Development (TDD)...

Walmart

React, Redux, Redux Thunk, Redux-Saga, HTML, CSS, JavaScript, Node.js, Next.js...

Publicis Sapient

React, Redux, CSS3, HTML5, Storybook, Data Virtualization, Jest, Redux Thunk...

Experience

HTML5 - 10 years CSS3 - 10 years HTML - 10 years CSS - 10 years JavaScript - 8 years React - 5 years TypeScript - 4 years Redux - 4 years

Availability

Part-time

Preferred Environment

MacOS, Slack, JavaScript, React, Visual Studio, Discord

The most amazing...

...thing I've developed as a full-stack developer is an eCommerce website featured in Gulf News, enabling users to buy, sell, rent, and bid on used products.

Work Experience

Front-end React Developer

2022 - PRESENT

Dapptopia, LLC

Contributed to a DAO application for decentralized and autonomous governance called Citadel DAO, charged with UI component creation using Figma, feature implementation, and test case writing. Improved load performance optimization through work.
Developed a UI design system based on MUI for usage inside the organization.
Handled the BadgerDAO application. Developed UI components, worked on new feature updates, wrote test cases, and optimized application load performance and bundle size.

Technologies: React, CSS, TypeScript, Material UI, Test-driven Development (TDD), User Interface (UI), MobX, Storybook, UI Testing, Redux, Redux Thunk, Next.js, Node.js, Webpack, Babel, UI Development, ECMAScript (ES6), Data Visualization, Responsive UI, Pixel Perfect, Responsive Web Design (RWD), API Integration, JSON REST APIs, APIs, Front-end Development, REST, Responsive Layout, Front-end, Integration, GitHub, React Router, Axios, HTML, JSX, Figma, Agile, Chart.js, Google+ API, Mobile First, React Redux, UI Design

Senior Software Engineer

2021 - PRESENT

Walmart

Involved in various designs and discoveries to identify the most optimal approach and solution to the requirement and document it.
Collaborated with the team, product owners, and managers to ensure that software products were architecturally compliant and delivered on time.
Provided mentorship and supervisory responsibilities to new development staff.
Assisted the team with advanced troubleshooting and problem-solving.
Optimized components for maximum performance across various web-capable devices and browsers.
Involved in the complete software development lifecycle in an Agile environment, including technical design, hands-on coding, unit testing, performance tuning, maintenance, test automation, deployments, and upgrades.

Technologies: React, Redux, Redux Thunk, Redux-Saga, HTML, CSS, JavaScript, Node.js, Next.js, MongoDB, REST APIs, GraphQL, Create React App, React Native for Web, Jest, Unit Testing, React Testing Library, Azure Cosmos DB, Webpack, Babel, UI Development, ECMAScript (ES6), Responsive UI, Pixel Perfect, Responsive Web Design (RWD), API Integration, APIs, JSON REST APIs, Chatbots, Front-end Development, REST, Single Sign-on (SSO), Responsive Layout, OAuth, Front-end, A/B Testing, Analytics, Charts, Graphs, Dashboards, Full-stack, Tailwind CSS, React Native, Integration, GitHub, React Router, Axios, JSX, Figma, Agile, Chart.js, Google+ API, Mobile First, Mobile Development, React Redux, UI Design

Senior Associate

2019 - 2020

Publicis Sapient

Created a complex reusable table capable of rendering hundreds of data seamlessly using the React virtualization library. It included column resize and fixed header, footer, and first column.
Built many custom reusable components and libraries for the design system, including a table with multiple complex options, a toast library, and a bubble graph, which another team used in different applications.
Mentored a team of four front-end developers by helping them with issues and approaches to integrate the changes within the application, keeping the application's architecture in mind.

Technologies: React, Redux, CSS3, HTML5, Storybook, Data Virtualization, Jest, Redux Thunk, HTML, CSS, JavaScript, Next.js, SCSS, TypeScript, Test-driven Development (TDD), Styled-components, Sass, Visualization, Create React App, Node.js, D3.js, SVG, SVG Animation, Git, Webpack, Babel, UI Development, ECMAScript (ES6), Data Visualization, Responsive UI, Pixel Perfect, Responsive Web Design (RWD), API Integration, JSON REST APIs, APIs, Front-end Development, REST, Responsive Layout, OAuth, Front-end, A/B Testing, Analytics, Charts, Graphs, Dashboards, Tailwind CSS, Integration, GitHub, React Router, Axios, JSX, Figma, Agile, Chart.js, Google+ API, Mobile First, React Redux, UI Design, Bootstrap, Google Cloud Platform (GCP)

Software Engineer

2018 - 2019

Sykes

Used an HTML5 canvas and howler.js to create an audio player with interactive control and sync with metadata for a reporting application.
Set up the initial React application and migrated the reporting application. Used SVG and howler.js to create an audio player with custom controls and an HTML5 video player; synchronized them with metadata and created a custom visualizer.
Developed a form generator such as Google Forms to create an application-specific form, which generated JSON data saved in the DB. This JSON was used in applications to render a form for user input.

Technologies: JavaScript, React, MobX, Redux, HTML5, CSS3, HTML, SVG, D3.js, Bulma, CouchDB, Node.js, Create React App, Visualization, CSS, SCSS, TypeScript, Sass, Redux Thunk, Jest, Data Virtualization, SVG Animation, Git, Webpack, Babel, UI Development, ECMAScript (ES6), Data Visualization, Responsive UI, Pixel Perfect, Responsive Web Design (RWD), API Integration, JSON REST APIs, APIs, Front-end Development, REST, Responsive Layout, OAuth, Front-end, Analytics, Charts, Graphs, Dashboards, GitHub, React Router, Axios, Docker, JSX, Agile, Chart.js, Google+ API, Mobile First, UI Design, Bootstrap

Senior Developer

2015 - 2018

Freakcoders

Developed an eCommerce application single-handedly to allow users to buy, sell, rent, and bid on second-hand products. The web app was featured in the business section of Gulf News on April 14, 2018.
Mentored junior developers on many projects and helped them understand front-end technologies and design thinking.
Developed numerous custom applications from different domains, including hotel booking, eCommerce, and experience booking.
Connected with the clients and managed the front-end team, guiding and helping them develop CI/CD.

Technologies: JavaScript, React, HTML, CSS, PHP, Laravel, MySQL, AngularJS, Vue, Bulma, Redux, SCSS, Sass, Data Virtualization, Visualization, Create React App, CSS3, HTML5, SVG, SVG Animation, jQuery, Git, UI Development, Amazon Web Services (AWS), Responsive UI, Pixel Perfect, Responsive Web Design (RWD), API Integration, Stripe, Auth0, JSON REST APIs, APIs, Front-end Development, REST, Responsive Layout, Front-end, Analytics, Charts, Graphs, Dashboards, Full-stack, Integration, GitHub, React Router, Axios, Google+ API, Ionic, Mobile Development, UI Design, UX Design, Bootstrap

Freelance Front-end Engineer

2014 - 2015

Dreamdays

Managed the complete front end, created UI from the UX design, and conducted all functional changes, different API integrations, social API integration, and payment getaway integration.
Contributed to improvising user experience for a different module such as slot booking on the cart page, checkout page, website main navigation, and creating a form for sellers.
Oversaw the redesign of the application's different pages.

Technologies: JavaScript, HTML, CSS, jQuery, Social APIs, SCSS, Sass, CSS3, HTML5, UI Development, Responsive UI, Pixel Perfect, Responsive Web Design (RWD), Front-end Development, REST, Responsive Layout, Front-end, Integration, GitHub, Axios, UI Design, Bootstrap

Experience

BadgerDAO App

https://app.badger.com

React-based application focused on providing users access to smart contracts developed and maintained by BadgerDAO. I was the front-end developer and liaised with the back-end developer to integrate services for different major features like yield-bearing rewards, deposit, withdraw, and governance portal.

Citadel Component Library

A React-based design system based on MUI. It was a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications. I was responsible for creating it from scratch and creating different components based on design guidelines.

Citadel DAO

A React-based application focused on providing users access to smart contracts developed and maintained by Citadel DAO. I was the front-end developer and liaised with the back-end developer to integrate services for different major features like swap, leaderboard, and treasury.

Experience Booking Web App

https://www.dreamdays.ae

Dreamdays is a web application offering extraordinary experiences such as cruises, spa treatments, hotel accommodations, local excursions, and holiday travel packages.

I was the front-end developer and liaised with the back-end developer to integrate different APIs. My tasks were handling the complete front end, creating responsive UI, and performing API and payment gateway integration.

Company Website

The Look What You've Done company helps other companies build their brand, verbal and visual identity, and content.

I created a responsive web design and added several SVG animations from the provided design. I also integrated API to send contact and career information by email.

Business Listing and Review Portal

I developed the complete front end, created different UI components from UX design, and implemented all functional changes, API integrations, and other third-party API integrations—weather and social.

Form Builder

A React and CouchDB-based web app was used to create and render a form with a drag and drop feature. The form builder was integrated with different internal web apps. After completing the form, the respective JSON was saved in DB, and later it was used in other web apps.

Analytics Dashboard for Customer Support Data

A React-based web app that listed and visualized processed data through machine learning and marked textual, audio, and video data. It had a section representing each recording's audio, video, and textual data, where users could interact and see the different marked areas of audio and video with metadata.

Education

2008 - 2012

Bachelor's Degree in Computer Science

West Bengal University of Technology - Kolkata, West Bengal, India

Skills

Libraries/APIs

React, React Router, Chart.js, Google+ API, React Redux, Node.js, Stripe API, Stripe, Vue, jQuery, Social APIs, MobX, D3.js, Web Audio, Redux-Saga, REST APIs, React Native for Web, React Testing Library

Tools

Redux Thunk, Git, Figma, GitHub, JSX, Webpack, Babel, Auth0, Create React App, Visual Studio, Wappler

Frameworks

Next.js, Redux, Material UI, Bootstrap, Tailwind CSS, React Native, Ionic, Laravel, AngularJS, Bulma, Jest

Languages

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

Paradigms

Responsive Web Design (RWD), REST, Responsive Layout, Agile, UI Design, Mobile Development, UX Design, Test-driven Development (TDD), Unit Testing

Storage

MySQL, CouchDB, MongoDB, Azure Cosmos DB

Platforms

Amazon Web Services (AWS), Docker, Google Cloud Platform (GCP)

Other

Data Visualization, UI Development, ES6 Promises, Responsive UI, Pixel Perfect, API Integration, Front-end Development, OAuth, Front-end, A/B Testing, Analytics, Charts, Graphs, Dashboards, Integration, Axios, Mobile First, Styled-components, Single Sign-on (SSO), Full-stack, SVG Animation, Payment APIs, SVG, Visualization, Storybook, Data Virtualization, Web Video, Discord, User Interface (UI), UI Testing, JSON REST APIs, APIs, Chatbots

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