Hakimuddin Haweliwala, Developer in Hyderabad, Telangana, India
Hakimuddin is available for hire
Hire Hakimuddin

Hakimuddin Haweliwala

Bio

A front-end technical architect working on front-end technologies for eight years, Hakimuddin's skill set includes React, Redux, TypeScript, React Native, Node.js, Vue, Jest, SCSS, CSS, JavaScript, Next.js, and HTML. He has vast experience developing and architecting startup products and enterprise-level complex applications widely used in the market and building products in SaaS, ITSM, and e-learning domains. Hakimuddin writes robust and high-quality code according to the technology standards.

Portfolio

ServiceNow
JavaScript, React, CSS, SCSS, Design Systems, Web Components...
Screenplay AI
OpenAI, Gemini API, AI Integration, Vue 3, TypeScript 5, Tailwind CSS, AI Tools...
Stealth
React, TypeScript, Tailwind CSS, AG Grid, Redux, Storybook, Radix UI, Web3...

Experience

  • JavaScript - 9 years
  • React - 8 years
  • TypeScript - 7 years
  • HTML - 7 years
  • Next.js - 6 years
  • CSS - 6 years
  • SCSS - 4 years
  • Jest - 3 years

Preferred Environment

MacOS, HTML, Front-end, IndexedDB, Web Worker, Responsive Design, Web Accessibility, A11Y, Front-end Development, React Native, Data Engineering, Data Architecture

The most amazing...

...app I've developed using JavaScript and WebGL is a configurable 3D garage that creates, visualizes, and shares a 3D model with dimensions, color, pattern, etc.

Work Experience

Senior Front-end Engineer, AI-assisted Enterprise UX

2022 - 2026
ServiceNow
  • Built AI-assisted enterprise editor workflows in React and TypeScript, connecting structured context, user mentions, RAG-backed retrieval, and editor state into reliable suggestions that business users could review, edit, and apply safely.
  • Designed context-aware autocomplete and @mention experiences for enterprise workflows, including lazy-loaded suggestions, prompt context handling, keyboard control, and predictable fallbacks for high-volume interactions.
  • Shipped human-in-the-loop AI UX patterns with undo/redo, focus management, accessibility safeguards, and eval-informed quality checks; documented reusable controls and reduced cross-team implementation effort by 40%.
Technologies: JavaScript, React, CSS, SCSS, Design Systems, Web Components, Back-end Development, Full-stack, SaaS, ServiceNow, GitHub, TypeScript, Google Cloud, UI Development, Software Architecture, Solution Architecture, Architecture, Large Language Models (LLMs), User Interface (UI), Monorepos, GraphQL, Axios, Sass, Pixel Perfect, Test Case Development, Responsive Web Apps, Application State Management, Web Frameworks, JSX, Software Engineering, ServiceNow REST API, HTML DOM, W3C Widget API, Responsive, Software as a Service (SaaS), Responsive Layout, Microfrontends, Web Animation, Artificial Intelligence (AI), TinyMCE, Integration, UI Frameworks, WebApp, Webpack, NPM, Product Engineering, Web UX, Responsiveness, UI Animation, Animation, CSS3, Vanilla JS, Web Applications, CSS-in-JS, Memory Optimization, Performance Optimization, E2E Testing, Large-scale Projects, WYSIWYG Web Builders, Web Scalability, Web Performance Optimization (WPO), Caching, DOM Parsing, UI Components, Web App Development, PostgreSQL, Angular, Angular Material, Generative Artificial Intelligence (GenAI), Microservices, Node.js, CI/CD Pipelines, Headless CMS, Content Management Systems (CMS), AI Integration, Front-end Design, Communication, Complex Application User Interfaces (UI), Teamwork, Code Refactoring, Code Review, Web, Back-end, Figma to HTML, CodeMirror, Arabic, Web UI, Site Speed Optimization, Figma to React, Web Content Accessibility Guidelines (WCAG), Model Context Protocol (MCP), AI Tools, Gemini, AI-generated Code, Claude Code, Row-level Security (RLS), Agentic Workflow Design, Prompt Engineering, AI Agents, Computer Science, Website Performance, AI-assisted Development, Amazon S3 (AWS S3), Team Leadership, Interviewing

Lead AI Product Engineer

2025 - 2025
Screenplay AI
  • Built an AI-native product MVP using Gemini API, OpenAI/Anthropic-style LLM APIs, LangChain/LangGraph workflows, TipTap, Vue 3, and Tailwind CSS, grounding suggestions in structured screenplay context.
  • Implemented RAG-backed context retrieval with embeddings/vector search for screenplay-aware autocomplete, prompt-driven rewrites, pitch generation, and inline suggestions.
  • Designed AI eval and human-review workflows so users could accept, edit, reject, compare, and recover generated content through version history, validation, and structured content blocks.
  • Built Python-backed AI service integrations and modular front-end state patterns to keep LLM outputs predictable, inspectable, and recoverable during creative writing workflows.
  • Customized TipTap into a screenplay-aware editor with scene headers, dialogue blocks, parentheticals, drag-and-drop scene reordering, and real-time validation.
Technologies: OpenAI, Gemini API, AI Integration, Vue 3, TypeScript 5, Tailwind CSS, AI Tools, Gemini, AI-generated Code, Claude Code, Row-level Security (RLS), Deno, Agentic Workflow Design, Prompt Engineering, DocuSign, Computer Science, AI-assisted Development, Amazon S3 (AWS S3), Retrieval-augmented Generation (RAG), Vector Databases, Team Leadership, Team Management

Front-end Developer

2025 - 2025
Stealth
  • Architected a high-performance Web3 trading table component using AG-Grid for frequent data updates with custom renderers and virtual scrolling.
  • Built reusable hooks (useTableGrid, useTableSort) managing grid APIs and optimizations that handle thousands of rows with sub-100ms renders through row virtualization and value caching.
  • Integrated TradingView's Charting Library with custom datafeeds for real-time financial charts, market cap overlays, and multi-timeframe analysis.
  • Created responsive mobile-first visualizations with adaptive layouts using Tailwind for all trading components that existed on the web.
  • Architected Redux state management with RTK Query for back-end API integration. Built custom hooks encapsulating complex data transformations.
Technologies: React, TypeScript, Tailwind CSS, AG Grid, Redux, Storybook, Radix UI, Web3, Site Speed Optimization, Figma to React, Web Content Accessibility Guidelines (WCAG), Supabase, Claude, Document Parsing, AI Tools, AI-generated Code, Claude Code, Row-level Security (RLS), Analytics, Computer Science, Website Performance, AI-assisted Development, Amazon S3 (AWS S3)

Front-end Developer

2024 - 2024
Simbiotica S.L
  • Translated complex, responsive components and pages from Figma designs into React and TypeScript with pixel-perfect precision, ensuring adherence to accessibility standards.
  • Designed and implemented a reusable, configurable data visualization chart component using Recharts and D3.js, capable of rendering multi-dimensional x and y coordinates for intuitive data representation.
  • Leveraged AG Grid and TanStack React Table to create an interactive climate data display with robust support for pagination, sorting, and search functionality.
  • Extended and customized ShadCN components using Tailwind CSS to align seamlessly with the project’s design system and functional requirements.
  • Maintained a scalable codebase structure with monorepo and optimized data fetching using React Query for efficient state management.
Technologies: Front-end, TypeScript, React, Next.js, Recharts, Data Visualization, D3.js, Tailwind CSS, Monorepos, E2E Testing, React Query, Shadcn, Open Source, Tailwind UI, Canvas API, Core Web Vitals, Lazy Loading, Web Performance Optimization (WPO), UI Components, Web App Development, Large Data Sets, TanStack Table, Deployment, Charts, Docker, AG Grid, Node.js, Cloud, CI/CD Pipelines, SQL, Content Management Systems (CMS), react-spring, Teamwork, GitLab, Code Review, React Router, Heroku, Web, Figma to HTML, Web UI, Site Speed Optimization, Figma to React, Web Content Accessibility Guidelines (WCAG), Supabase, Claude, AI Tools, Row-level Security (RLS), Analytics, Computer Science, Website Performance, AI-assisted Development, Amazon S3 (AWS S3)

Lead Engineer, AI-native LottieFiles Creator

2024 - 2024
Design Barn, Inc.
  • Led AI-native Lottie Creator engineering for a browser-based animation editor, connecting React/TypeScript architecture, Zustand state, timeline/layer models, and structured animation data to prompt-driven creative workflows.
  • Built AI-assisted animation editing patterns for prompt-to-keyframe, prompt-to-vector, prompt-to-theme, and prompt-to-state-machine workflows with preview, apply, replace, and recovery controls.
  • Designed MCP-style agent/editor control surfaces so AI assistants could reason over animation layers, timing, colors, easing, variants, brand fit, accessibility checks, and export-ready dotLottie outputs.
  • Improved reliability of AI-generated or AI-edited animation outputs by strengthening shape transformation utilities, layer hierarchy visualization, segment naming, timeline interactions, and reusable editor primitives.
  • Built human-in-the-loop creative review flows so designers could inspect AI suggestions, compare generated variants, and safely apply or discard changes without corrupting editor state.
  • Enhanced canvas layer selection with marquee/focus state in Zustand so AI-assisted edits could target exact layers and keep designer-controlled overrides predictable.
  • Fixed timeline frame trimming and editor recovery issues, improving stability for generated animation variants before preview, export, or manual refinement.
Technologies: GraphQL, CSS-in-JS, JavaScript, React, E2E Testing, TypeScript, XState, Front-end Development, Single-page Applications (SPAs), Memory Optimization, Performance Optimization, Large-scale Projects, Docker Compose, Tailwind UI, Canvas, Canvas API, Web Scalability, Core Web Vitals, Web Performance Optimization (WPO), Web App Development, Zustand, Docker, Node.js, CI/CD Pipelines, Optical Character Recognition (OCR), Lottie, MUI CSS, AI Integration, Communication, Complex Application User Interfaces (UI), Teamwork, Code Refactoring, Code Review, React Router, Web, Figma to HTML, Landing Pages, Service Workers, Web UI, Figma to React, Web Content Accessibility Guidelines (WCAG), Video Editing, Supabase, Claude, AI Tools, Computer Science, Website Performance, AI-assisted Development, Retrieval-augmented Generation (RAG), Vector Databases, Team Leadership, Team Management

React/Next.js Developer

2024 - 2024
Heroik Strategies
  • Built the front end of a data-intensive chart application for visualizing survey data with advanced configurations using Next.js, styled-components, Redux, and Material UI (MUI).
  • Implemented AWS Amplify to enable manual and 3rd-party user authentication, utilizing Google Authenticator for seamless data management.
  • Optimized chart rendering for large datasets by implementing efficient data structures such as arrays and maps to improve data access speed.
  • Implemented reusable API hooks such as useFetchData, useCachedData, and useErrorHandling to efficiently manage complex API calls within UI components, ensuring smooth data retrieval and graceful error display.
  • Integrated and customized Builder.io to enable a seamless no-code/low-code content management experience, empowering non-technical teams to create and manage dynamic web pages efficiently.
Technologies: React, JavaScript, Node.js, Front-end, REST APIs, HTML, Figma, CSS, Tailwind CSS, Python, Next.js, Styled-components, React Redux, Front-end Architecture, Responsive, Software as a Service (SaaS), Responsive Layout, Web Animation, Integration, UI Frameworks, FastAPI, Amazon Web Services (AWS), WebApp, Google API, Vite, Webpack, NPM, Web UX, Server-side Rendering (SSR), Minimum Viable Product (MVP), Responsiveness, UI Animation, Animation, Chart.js, Leadership, Charting, GitHub, CSS3, OAuth, Web Applications, CSS Animations, CSS-in-JS, Performance Optimization, Recharts, Tailwind UI, Canvas, Canvas API, Single Sign-on (SSO), Lazy Loading, Caching, DOM Parsing, UI Components, Web App Development, Large Data Sets, Deployment, PostgreSQL, D3.js, Charts, Microservices, AG Grid, Cloud, CI/CD Pipelines, SQL, API Development, Headless CMS, Content Management Systems (CMS), MUI CSS, react-spring, Builder.io, Front-end Design, Communication, Teamwork, Code Review, React Router, Heroku, Web, Back-end, Figma to HTML, Landing Pages, Web UI, Site Speed Optimization, Figma to React, Supabase, Claude, Analytics, Computer Science

Front-end React Engineer

2024 - 2024
Dekeo Inc
  • Enhanced an object dimension editing feature in a design editor, allowing users to modify the width and height of graphical elements and groups with real-time aspect ratio preservation and text integrity constraints.
  • Developed an alignment feature for seamless center alignment of individual elements with groups on the artboard, including intuitive snapping and ruler guidance for improved design efficiency.
  • Implemented horizontal and vertical object resizing functionality, enabling intuitive adjustments of object dimensions directly from the Elements panel or Layers panel.
  • Engineered a custom text input component for the text effects section, supporting numerical values with special characters and providing enhanced validation and flexibility for attribute specification.
  • Utilized Tailwind CSS to create a responsive and visually cohesive design editor interface, ensuring a consistent user experience across various screen sizes and improving the overall aesthetic and usability of the tool.
Technologies: React, HTML, CSS, Front-end, TypeScript, Ruby on Rails (RoR), Ruby, JavaScript, Fabric.js, Test Case Development, Responsive Web Apps, Application State Management, Web Frameworks, JSX, Software Engineering, HTML5 Canvas, Web Design, HTML DOM, Responsive, Responsive Layout, Web Animation, UI Frameworks, Amazon Web Services (AWS), WebApp, Vite, Photo Editors, Webpack, NPM, Tailwind CSS, Product Engineering, Web UX, Server-side Rendering (SSR), Minimum Viable Product (MVP), Responsiveness, UI Animation, Animation, GitHub, CSS3, React Query, Web Applications, CSS Animations, Tailwind UI, CSS-in-JS, Memory Optimization, Performance Optimization, Docker Compose, Canvas, Canvas API, WYSIWYG Web Builders, Core Web Vitals, UI Components, Web App Development, Deployment, OWASP, PostgreSQL, Docker, Node.js, Cloud, CI/CD Pipelines, MUI CSS, react-spring, Communication, Complex Application User Interfaces (UI), Teamwork, Code Refactoring, Code Review, React Router, Heroku, Web, Figma to HTML, Landing Pages, Service Workers, Web UI, Figma to React, Supabase, Computer Science

Vue Developer

2022 - 2023
Connectara
  • Developed an MVP using Vue for a sales engagement platform, allowing users to manage leads, automate outreach, and track interactions, demonstrating core functionality for potential users and stakeholders.
  • Implemented a dynamic contact search and enrichment feature, enabling users to access and organize prospect data in real time, showcasing the platform's potential to streamline lead management.
  • Integrated multichannel communication tools, allowing users to manage email, phone, and social interactions from a single platform, illustrating the platform's ability to simplify sales workflows.
Technologies: JavaScript, Vue 3, GitHub, Teamwork, Web, Computer Science

Senior Full-stack React Engineer

2021 - 2022
BrowserStack
  • Spearheaded the migration of the core app's live components from jQuery/ Ruby on Rails to React, Redux Toolkit, and TypeScript, improving code maintainability, scalability, and type safety.
  • Improved limited debugging capabilities by using the WebSocket API within the existing Cypress test framework by introducing states like "pending," "paused," and "waiting" to help users pinpoint issues more effectively using Node.js and React.
  • Transformed BrowserStack's documentation build process with Gulp, slashing build times by 50%. Leveraged automation, caching, and parallel execution to streamline workflows, boosting dev productivity.
  • Built a Node.js API from scratch to handle scheduling, execution, and reporting of automated test runs in Automate, enabling integration with CI/CD pipelines and third-party tools.
  • Designed and implemented a user-friendly modal pop-up via Node.js back-end APIs to handle location updates without leaving the testing screen.
  • Used Amplitude and Google Tag Manager successfully to design and implement an A/B testing framework for the "App Live" product. This project improved user engagement by 15%, enhanced feature adoption, and informed future development strategies.
  • Built and customized Sitecore components and templates to enhance content management flexibility and improve the editorial experience for marketing teams.
  • Implemented headless Sitecore architecture using React, enabling dynamic, API-driven content rendering while maintaining a highly interactive user interface.
Technologies: HTML5, JavaScript, Jest, Enzyme, React, HTML, CSS, SCSS, Git, Front-end, Storybook, ECMAScript (ES6), Responsive UI, Responsive Design, Performance, Web Accessibility, A11Y, Front-end Development, Redux, JSON, Testing, JavaScript Testing, Material UI, Unit Testing, Redux Toolkit, Jira, Scrum, Test-driven Development (TDD), REST APIs, Responsive Web Design (RWD), UI Design, Ruby, Ruby on Rails (RoR), API Integration, Interactive UI, Web Development, Web Components, User Experience (UX), UX Design, Figma, Tailwind CSS, React Redux, Single-page Applications (SPAs), APIs, Accessibility, SaaS, Chrome Extensions, Design Systems, Design, GitHub, UI Development, Full-stack, Technical Leadership, Software Architecture, Solution Architecture, Cypress, WebSockets, Architecture, User Interface (UI), Google Chrome, Monorepos, Axios, SVG, PDF, Sass, A/B Testing, Startups, Sentry, Pixel Perfect, Test Case Development, UI Automation, Web App Automation, Responsive Web Apps, Application State Management, Web Frameworks, JSX, Software Engineering, MongoDB, HTML DOM, Manifest V3, Front-end Architecture, Responsive, Software as a Service (SaaS), Responsive Layout, jQuery, Microfrontends, Web Animation, NestJS, UI Frameworks, Amazon Web Services (AWS), MERN Stack, WebApp, Vite, Webpack, NPM, WebRTC, Product Engineering, Web UX, Server-side Rendering (SSR), Responsiveness, UI Animation, Animation, CSS3, React Query, Vanilla JS, Web Applications, CSS Animations, Browser Automation, CSS-in-JS, E2E Testing, Memory Optimization, Performance Optimization, Large-scale Projects, Single Sign-on (SSO), Web Scalability, Lazy Loading, Web Performance Optimization (WPO), Caching, DOM Parsing, Extensions, UI Components, Web App Development, Deployment, OWASP, PostgreSQL, Docker, Generative Artificial Intelligence (GenAI), Microservices, Node.js, Cloud, CI/CD Pipelines, SQL, API Development, MUI CSS, Front-end Design, Complex Application User Interfaces (UI), Teamwork, GitLab, Code Refactoring, Code Review, React Router, Web, Back-end, Figma to HTML, Landing Pages, Service Workers, Web UI, Redis, Site Speed Optimization, Figma to React, Web Content Accessibility Guidelines (WCAG), Internet of Things (IoT), Web Extensions, Mobile Wallet, QR Codes, Computer Science, Website Performance, Interviewing, Team Management

Full-stack Developer

2020 - 2021
Globant
  • Developed a highly reusable UI component library based on the atomic component architecture using React, TypeScript, and Storybook to be used across projects.
  • Enhanced data visibility and control for school administrators with interactive dashboards and granular reporting tools built using Node.js. Developed interactive dashboards and reports using Next.js data fetching and Recharts.
  • Spearheaded the redesign and migration of the user management portal from legacy frameworks to NextJS and React, achieving user satisfaction and a 30% reduction in support tickets.
  • Introduced multi-factor authentication and role-based access control features to strengthen user security and data privacy, exceeding industry compliance standards.
Technologies: CSS, HTML5, JavaScript, Jest, TypeScript, Next.js, React, HTML, SCSS, Git, Front-end, Storybook, React Testing Library, ECMAScript (ES6), Responsive UI, Responsive Design, Performance, Web Accessibility, A11Y, Front-end Development, Redux, JSON, Testing, JavaScript Testing, Material UI, Unit Testing, Redux Toolkit, Jira, Scrum, Styled-components, Test-driven Development (TDD), Amazon Web Services (AWS), REST APIs, Responsive Web Design (RWD), UI Design, AWS Amplify, API Integration, Interactive UI, Web Development, Web Components, Material Design, User Experience (UX), Figma, React Redux, Single-page Applications (SPAs), APIs, Accessibility, Full-stack Development, Back-end Development, Full-stack, Design Systems, Google Cloud Platform (GCP), GitHub, UI Development, Technical Leadership, Software Architecture, Solution Architecture, Architecture, User Interface (UI), GraphQL, Axios, SVG, A/B Testing, Startups, Pixel Perfect, Test Case Development, Responsive Web Apps, Application State Management, Web Frameworks, JSX, Vercel, Software Engineering, MongoDB, Dashboards, Data Visualization, Web Design, Front-end Architecture, Responsive, Responsive Layout, Microfrontends, NestJS, UI Frameworks, MERN Stack, WebApp, Google API, Webpack, NPM, Product Engineering, Web UX, Server-side Rendering (SSR), Minimum Viable Product (MVP), Mobile First, Mobile-first Design, Responsiveness, UI Animation, Animation, Chart.js, Leadership, Charting, CSS3, React Query, OAuth, Learning Management Systems (LMS), Web Applications, CSS Animations, CSS-in-JS, E2E Testing, Memory Optimization, Performance Optimization, Recharts, Large-scale Projects, Single Sign-on (SSO), Web Scalability, Lazy Loading, DOM Parsing, UI Components, Web App Development, Deployment, WordPress, PostgreSQL, Charts, Microservices, Node.js, Cloud, CI/CD Pipelines, Optical Character Recognition (OCR), SQL, API Development, Headless CMS, Content Management Systems (CMS), MUI CSS, Front-end Design, Teamwork, Code Refactoring, Code Review, React Router, Web, Back-end, Figma to HTML, Landing Pages, Web UI, Redis, Site Speed Optimization, Figma to React, Web Content Accessibility Guidelines (WCAG), Computer Science, Website Performance, Team Leadership, Interviewing, Team Management

Front-end Developer

2018 - 2020
HCL Technologies
  • Implemented a local database using IndexedDB to cache frequently accessed data using the multi-threading capability of web worker, enabling offline functionality and accelerating subsequent page loads by an additional 40%.
  • Developed real-time 3D data visualization in a dashboard using Angular 2, WebGL, and BIM data integration to visually represent energy consumption, HVAC efficiency, and occupant comfort metrics.
  • Integrated an AI model using the Google Cloud AI Platform to identify unusual energy spikes, equipment malfunctions, and potential comfort issues within the Angular 4 dashboard.
  • Utilized TypeScript's generics for reusable components and data structures and explored async/await patterns for streamlined asynchronous operations within Web Workers.
Technologies: Three.js, CSS, HTML5, JavaScript, HTML, SCSS, Git, Front-end, ECMAScript (ES6), Responsive UI, IndexedDB, Web Worker, Responsive Design, Performance, Front-end Development, JSON, Firebase, Jira, Scrum, REST APIs, Responsive Web Design (RWD), UI Design, API Integration, Interactive UI, Web Development, Material Design, User Experience (UX), Progressive Web Applications (PWAs), UX Design, Single-page Applications (SPAs), APIs, 3D, WebGL, Webflow, Design, GitHub, Vue, TypeScript, UI Development, User Interface (UI), SVG, Sass, Pixel Perfect, Responsive Web Apps, Application State Management, Web Frameworks, Software Engineering, Bootstrap, HTML5 Canvas, Dashboards, Web Design, Front-end Architecture, Responsive, Responsive Layout, jQuery, Artificial Intelligence (AI), Integration, UI Frameworks, WebApp, Google API, NPM, Web UX, Minimum Viable Product (MVP), Mobile First, Mobile-first Design, Responsiveness, UI Animation, Vue 3, Animation, CSS3, Web Applications, CSS Animations, Memory Optimization, Performance Optimization, Large-scale Projects, Canvas, Canvas API, DOM Parsing, Web App Development, Large Data Sets, Deployment, WordPress, Charts, Angular, Angular Material, Large Language Models (LLMs), Node.js, Cloud, CI/CD Pipelines, Headless CMS, Content Management Systems (CMS), AI Integration, Front-end Design, Complex Application User Interfaces (UI), Teamwork, Code Review, Web, Landing Pages, Service Workers, Web UI, Site Speed Optimization, Figma to React, Web Content Accessibility Guidelines (WCAG), Computer Science, Website Performance

React Native Developer

2015 - 2018
5 Exception Software Solutions
  • Implemented custom hooks and state management techniques to optimize performance and maintainability for the 3D scene and customization controls.
  • Leveraged React Native Navigation with custom animations to create a smooth, intuitive navigation flow between product selection, customization, and design sharing.
  • Utilized SCSS to handle responsive layouts and conditional rendering based on device orientation and screen size.
  • Built a performant 3D model viewer using Three.js with scene optimization techniques and custom shaders for efficient rendering on mobile devices.
  • Developed a modular SCSS architecture with mixins and variables to manage global styles, theme options, and dynamic color adjustments for building materials.
Technologies: CSS, ECMAScript (ES6), HTML5, JavaScript, HTML, Git, Front-end, Three.js, Responsive UI, Responsive Design, Performance, Front-end Development, JSON, Jira, Scrum, Android, iOS, REST APIs, Responsive Web Design (RWD), UI Design, API Integration, Interactive UI, Web Development, User Experience (UX), UX Design, Single-page Applications (SPAs), APIs, 3D, WebGL, Design, GitHub, React Native, SCSS, Xcode, Android Studio, React Redux, Redux, UI Development, Cross-platform, Mobile Development, User Interface (UI), App Development, SVG, Startups, Pixel Perfect, Responsive Web Apps, Application State Management, Web Frameworks, JSX, Software Engineering, Mobile Apps, Bootstrap, HTML5 Canvas, Web Design, HTML DOM, Responsive, Responsive Layout, jQuery, Web Animation, Expo, Integration, UI Frameworks, React Three Fiber (R3F), Mobile App Development, Minimum Viable Product (MVP), Mobile First, Mobile-first Design, Responsiveness, UI Animation, Animation, CSS3, Vanilla JS, CSS Animations, Memory Optimization, Performance Optimization, Canvas, Canvas API, Web App Development, Deployment, WordPress, Angular, Angular Material, CI/CD Pipelines, Headless CMS, Content Management Systems (CMS), MUI CSS, Front-end Design, Complex Application User Interfaces (UI), Teamwork, Code Review, Web, Landing Pages, Web UI, Site Speed Optimization, Computer Science

Experience

Open-source Contributor at MUI

https://mui.com/base-ui/getting-started/
• Enhanced Accessibility: Improved the Menu component by removing focusableWhenDisabled from the trigger and passing down the disabled prop, ensuring the disabled state is accurately reflected in the DOM and improving accessibility for users.

• Core Component Development: Contributed to essential components such as tabs, radio buttons, checkboxes, switches, and tooltips, used by millions of developers, focusing on usability and flexibility.

• Base UI Contributor: Actively contributes to MUI’s Base UI repository, refining and optimizing foundational components that support consistent, high-quality user experiences across applications.

Reddit Detox

https://chromewebstore.google.com/detail/reddit-detox/dlgjfbajcnghkffmfbnnpkollhgnjcah?hl=en-GB&authuser=0
A Reddit distraction blocker and focus mode that hides ads and recommendations, showing only subscribed subreddits in the feed.

FEATURES
• Hide distracting elements: Ads, recommended posts, and trending sections vanish.
• Smart feed filtering: Display only posts from subreddits you actively follow.
• Focus mode: Minimize visual clutter and endless scroll temptations.
• Clean interface: Enjoy a streamlined feed that respects your attention.

Certifications

FEBRUARY 2016 - PRESENT

Graphics, Web Design & Development

Arena Animation

Skills

Libraries/APIs

React, React Testing Library, Node.js, REST APIs, React Redux, WebGL, HTML5 Canvas, ServiceNow REST API, Google API, Vue 3, Chart.js, React Query, Recharts, React Router, Context API, Three.js, jQuery, Web Worker, AWS Amplify, Vue, WebRTC, Web Audio, Web Audio API, D3.js, TanStack Table, AG Grid, API Development, react-spring, Chrome API, Fabric.js, W3C Widget API, Stripe

Tools

NPM, JSX, Figma to HTML, Git, JavaScript Testing, Redux Toolkit, Jira, Figma, GitHub, Expo, Photo Editors, Webpack, Docker Compose, Canvas, Builder.io, GitLab, CodeMirror, Claude, Claude Code, Xcode, Android Studio, Sentry, Shadcn

Languages

HTML5, JavaScript, CSS, SCSS, TypeScript, HTML, Sass, Python, CSS3, ECMAScript (ES6), GraphQL, SQL, Ruby, Arabic, TypeScript 5

Frameworks

Next.js, Jest, Redux, React Native, Material UI, Tailwind CSS, Cypress, Web Frameworks, WebApp, Vanilla JS, Angular, MUI CSS, Express.js, Bootstrap, NestJS, Vuetify, Ruby on Rails (RoR), Angular Material

Paradigms

Unit Testing, Responsive Web Design (RWD), UI Design, UX Design, App Development, HTML DOM, Responsive, Responsive Layout, Web Performance Optimization (WPO), Code Refactoring, Model Context Protocol (MCP), Testing, Scrum, Test-driven Development (TDD), Cross-platform, Mobile Development, Microfrontends, E2E Testing, Microservices

Platforms

Amazon Web Services (AWS), Google Chrome, Web, Firebase, Android, iOS, Google Cloud Platform (GCP), Vercel, WordPress, Docker, Heroku, MacOS, Webflow

Storage

MongoDB, PostgreSQL, NoSQL, IndexedDB, JSON, Google Cloud, Firebase Realtime Database, Redis, Amazon S3 (AWS S3), ClickHouse

Industry Expertise

Web Design

Other

Enzyme, Storybook, Front-end, Front-end Development, Responsive UI, Responsive Design, Chrome Extensions, Styled-components, Interactive UI, Web Development, Web Components, User Experience (UX), Single-page Applications (SPAs), APIs, ServiceNow, Design Systems, Full-stack, Design, UI Development, Software Architecture, Solution Architecture, Architecture, Large Language Models (LLMs), User Interface (UI), Axios, SVG, A/B Testing, Startups, Pixel Perfect, Test Case Development, Responsive Web Apps, Application State Management, Software Engineering, Dashboards, Software as a Service (SaaS), Web Animation, TinyMCE, UI Frameworks, Product Engineering, Web UX, Server-side Rendering (SSR), Minimum Viable Product (MVP), Mobile-first Design, Responsiveness, UI Animation, Animation, Charting, Web Applications, CSS Animations, Tailwind UI, CSS-in-JS, Memory Optimization, Performance Optimization, Large-scale Projects, Web Scalability, Caching, DOM Parsing, UI Components, Web App Development, Large Data Sets, Zustand, Deployment, Charts, Lottie, Front-end Design, Complex Application User Interfaces (UI), Teamwork, Code Review, Landing Pages, Service Workers, Web UI, Site Speed Optimization, Figma to React, RESTFul APIs, Web Content Accessibility Guidelines (WCAG), Supabase, Agentic Workflow Design, Prompt Engineering, Website Performance, Interviewing, Performance, Web Accessibility, A11Y, API Integration, Material Design, Full-stack Development, Back-end Development, 3D, SaaS, Technical Leadership, WebSockets, Monorepos, PDF, UI Automation, Web App Automation, Mobile Apps, Data Visualization, Manifest V3, Front-end Architecture, Artificial Intelligence (AI), Integration, FastAPI, MERN Stack, Vite, React Three Fiber (R3F), Mobile App Development, HTML5 Audio, Mobile First, Leadership, OAuth, Learning Management Systems (LMS), Browser Automation, Open Source, Canvas API, Single Sign-on (SSO), WYSIWYG Web Builders, Core Web Vitals, Lazy Loading, Extensions, OWASP, Generative Artificial Intelligence (GenAI), Cloud, CI/CD Pipelines, Optical Character Recognition (OCR), Headless CMS, Content Management Systems (CMS), AI Integration, Communication, Back-end, React Hooks, Static Site Generators, Video Editing, Marketplaces, Web Extensions, Mobile Wallet, QR Codes, Document Parsing, Data Engineering, Data Architecture, AI Tools, Gemini, AI-generated Code, Row-level Security (RLS), AI Agents, DocuSign, Analytics, Computer Science, AI-assisted Development, Retrieval-augmented Generation (RAG), Vector Databases, Team Leadership, Team Management, Progressive Web Applications (PWAs), Accessibility, OpenAI, XState, Radix UI, Web3, Internet of Things (IoT), Gemini API, Deno

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