Frontend Developer - Drupal & ReactJS Expert
Resume:
Saad Khan
Frontend Developer (Drupal + ReactJS)
Mumbai, India +917********* ***********@*****.***
Summary
Frontend Developer with 5+ years of experience building responsive, scalable, and user-centric web applications across Drupal and ReactJS ecosystems. Specialized in Drupal theming, component-driven architecture, and modern frontend engineering using HTML, CSS, JavaScript, and TypeScript. Experienced in developing custom themes, reusable UI components, and design systems while also delivering dynamic React- based applications with modern tooling. Strong focus on performance, accessibility, cross-browser compatibility, and Agile collaboration.
Experience
BBG Bitbase India May,2025 - Present
Drupal Fronted Engineer Remote
JOB PROFILE
• To gather and analyse front end and UI/UX requirements and translate them into Drupal pages, layouts, and components
• Design and implement Drupal themes using Twig, SCSS, and JavaScript as per provided designs and style guidelines
• Responsible for implementing and modifying layouts, templates, and styles to maintain consistency across multiple websites
• Use of Agile methodology with tools like Jira and ClickUp for task tracking and sprint management
• Use of version control systems like Git for code management and collaboration
• Design and implement website features using Drupal CMS, including cards, hero sections, navigation, forms, and listings
• Responsible for integrating Webform and other contributed or custom Drupal modules
• Ensure cross platform and cross browser compatibility and responsive behaviour across desktop, tablet, and mobile devices
• Responsible for maintaining website adherence to development processes and agreed timelines
• Testing and debugging front end functionality to ensure error free pages
• Responsible for HTML, CSS, and SCSS validation and maintaining code quality PROJECTS
Project No 1: Takeda Multisite Platform Development Experience in Drupal front-end development with HTML, CSS, and JavaScript validation. Worked on a large multisite Drupal platform for Takeda supporting multiple brands and medical/healthcare sites with a shared design system and reusable components. Using paragraph items and custom TWIG and SCSS to create different reusable component as well as added JavaScript for enhance functionalities whenever required like sliders etc.
https://www.takeda-gastroenterologie.de
https://www.dengue.de
https://www.passion-haemostaseologie.de
Responsibilities:
• Website design and component implementation using design specifications (Figma/PSD).
• Created and customized Twig templates, preprocessors, and SCSS for reusable components (hero cards, CTAs, cards, navigation, event listings, user badges, media components).
• Creating and customizing Views to fetch and display data, dropdowns, menus, blocks, regions, and dynamic content sections.
• Implementing responsive design for tablet, mobile, and desktop, fixing layout issues, spacing, alignment, and breakpoint behaviour across devices.
• Cross-browser compatibility and testing to ensure consistent rendering and behaviour across major browsers.
• Creating and enhancing forms with validation including registration forms, modals, and Webform integrations with client-side validation, error handling, and user feedback.
• Theme customization and extension using Drupal theme system, base themes, and custom theme generators to support multiple site variations and brand-specific styling.
• JavaScript and jQuery development for interactive features including modal handling, dynamic field visibility, form state management, infinite scroll, and AJAX interactions.
• SCSS/CSS development and maintenance following best practices, fixing linting issues, refactoring for maintainability, and ensuring code quality standards.
• HTML and CSS validation ensuring semantic markup, accessibility considerations, and standards compliance.
Environment: Drupal 10, Drupal 11, PHP 8.3, HTML5, SCSS/CSS3, JavaScript, jQuery, Twig, Git, DDEV, Composer.
MSOL Technologies Pvt. Ltd. April, 2024 – Sep, 2024 Drupal Frontend Developer Remote
JOB PROFILE
• To gather and analyse requirements, produce technical designs, to create the website.
• Responsible for Gathering Asset Provided by the client
• Use of Agile methodology using tools like Jira and ClickUp
• Use of Version control like git
• Design and implement websites using CMS (Content Management system) like Drupal
• Responsible for maintaining website adherence to development processes and agreed-on timelines.
• Integrated Webform and other modules.
• Cross-platform compatibility knowledge
• Testing the website to make it error-free
• Responsible for HTML and CSS validation
PROJECTS
Project Name: Wasl.ae
With Good Experience in Drupal Theme Development and to showcase my knowledge and ability to work on Drupal frontend I work on this project by creating custom webforms and components base on Figma design using Twig, HTML, SCSS, PHP, and JavaScript using Drupal features like template override, preprocessing function, and build tools like gulp. https://www.wasl.ae/en
Responsibilities:
• Installing and setting new Drupal instances locally using Lando
• Installing Composer and Drush
• Enabling Twig Debug and turning off the cache
• Setup Build Tool Gulp to convert SCSS into CSS and minifying JS
• Used PHP in the custom form and preprocessor
• Used TWIG, HTML, CSS, and JavaScript to create components and forms that match the Figma Fork Technologies April, 2023 - April, 2023
Software Engineer Remote
JOB PROFILE
• Setup Drupal locally on my Linux machine
• To gather and analyse requirements, produce technical designs, to create the website.
• Responsible for Gathering Asset Provided by the client
• Use of Agile methodology
• Use of Version control like git
• Design and implement websites using CMS (Content Management system) like Drupal
• Responsible for maintaining website adherence to development processes and agreed-on timelines.
• Creating REST APIs in Drupal using Views
Specbee Aug, 2022 - Jan, 2023
Drupal Frontend Developer Remote
JOB PROFILE
• To gather and analyse requirements, produce technical designs, to create the website.
• Responsible for Gathering Asset Provided by the client
• Use of Agile methodology using tools like Jira and ClickUp
• Use of Version control like git
• Design and implement websites using CMS (Content Management system) like Drupal
• Responsible for maintaining website adherence to development processes and agreed-on timelines.
• Integrated Webform and other modules.
• Cross-platform compatibility knowledge Testing the website to make it error-free
• Responsible for HTML and CSS validation
PROJECTS
Project No: ETF.com
With Good Experience in Drupal Theme Development and to showcase my knowledge and ability to develop a Drupal theme from scratch with the help of a Figma design file I have created this project using HTML, CSS, Sass, and JavaScript and using Drupal features like template override, preprocessing function, and build tools like gulp.
https://www.etf.com/
Responsibilities:
• Installing and setting new Drupal instances locally using Lando
• Installing Composer and Drush
• Enabling Twig Debug and turning off the cache
• Setup Build Tool Gulp to convert SCSS into CSS
• Setting up theme structures like .info file, .library file, .theme file as well as template folders
• Used PHP in the form of theme Hooks
• Creating menu, block, region, slideshow, etc.
• Install Contrib modules like the Slick carousel and flex slider using composer with their required libraries.
• Making responsive for tablets, mobile, and all other devices
• Created Forms using the Webform module and customized them with the help of CSS
• Written JavaScript for mobile navigation
• Using Pattern Labs broken down user interface into smaller reusable components
• Use Layout Builder to create the pages according to Figma design QED42 Mar, 2022 - Aug, 2022
Engineer Frontend Remote
JOB PROFILE
• To gather and analyse requirements, produce technical designs, to create the website.
• Responsible for Gathering Asset Provided by the client
• Use of Agile methodology using tools like Zoho Sprint
• Use of Version control like git
• Design and implement websites using CMS (Content Management system) like Drupal
• Responsible for maintaining website adherence to development processes and agreed-on timelines.
• Integrated Panels and other modules.
• Cross-platform compatibility knowledge Testing the website to make it error-free
• Responsible for HTML and CSS validation
PROJECTS
Project No 1: Training Project
With Good Experience in Drupal Theme Development and to showcase my knowledge and ability to develop a Drupal theme from scratch with the help of a PSD design file I have created this project using HTML, CSS, Sass, and JavaScript and using Drupal features like template override, preprocessing function, and build tools like gulp.
https://dev-dr9fe.pantheonsite.io/
Responsibilities:
• Installing and setting new Drupal instances locally using DDEV
• Installing Composer and Drush
• Enabling Twig Debug and turning off the cache
• Setup Build Tool Gulp to convert Scss into CSS
• Setting up theme structures like .info file, .library file, .theme file as well as template folders
• Creating menu, block, region, slideshow, etc.
• Install Contrib modules like the Slick carousel and flex slider using composer with their required libraries.
• Making responsive for tablets, mobile, and all other devices
• Created Forms using the Webform module and customized them with the help of CSS
• Written JavaScript for mobile navigation
Ornate Software Solution Pvt. Ltd. (OSSPL) Dec, 2018 - Mar, 2022 Web Developer Navi Mumbai
JOB PROFILE
• To gather and analyse requirements, produce technical designs, to create the website.
• Design and implement websites using CMS (Content Management system) like Drupal
• Responsible for maintaining website adherence to development processes and agreed timeline.
• Integrated Multiple Languages and other modules.
• Cross-platform compatibility knowledge Testing the website to make it error-free
• Responsible for the site should be based on w3c validation and GIGW rules
• Responsible for HTML and CSS validation
PROJECTS
Project No 1: Indian Government website
With good experience in Drupal website development with HTML and CSS validation. This is the list of some of the websites I have created for the Indian government for different states and departments: https://maef.nic.in/,
https://py.gov.in,
https://trayery.com/delhi/del45
Responsibilities:
• Website Designing with PSD file. Install modules and libraries.
• Creating a view to fetch data to select the drop-down Creating menu, block, region, slideshow, etc.
• Creating multiple languages option with translation
• Making websites accessible for a visually impaired person
• Create websites with multiple colours
• Text resizes functionality Embedded Sound captcha option
• Making responsive for tablet, mobile and all other devices
• Making browsers friendly
• Creating different types of forms with validations Environment: Drupal 7, Drupal 8, HTML, CSS, JavaScript. Project No 2: http://plantauthority.gov.in
This Project has been developed to showcase the data provided by the client in interactive chats and graph form using a pre-build JavaScript chart library.
Responsibilities:
• Showcase data in various forms of graphs and charts Environment: HTML, CSS, JavaScript.
REACTJS PROJECTS
Mystic Favicon Studio — Web + Hybrid Mobile Application (PWA + Android) Live URL: https://mysticfavicon.tech/
Developed a favicon generation studio enabling users to create, preview, and export multi-resolution favicon assets for web and mobile platforms.
Key Contributions:
• Built application using React 19, TypeScript, and Vite
• Implemented real-time favicon rendering via Canvas API
• Generated multi-resolution favicon assets (16 16 512 512)
• Integrated JSZip for automated export packaging
• Enabled offline usage via PWA service workers
• Packaged Android app using Capacitor
Tech Stack: React, TypeScript, Vite, Tailwind CSS, Radix-UI, JSZip, PWA, Capacitor Ainexorium — EdTech Platform
Live URL: https://ainexorium.com/
Developed an interactive education platform delivering institutional content, dashboards, and learning interfaces through a scalable component-driven frontend system. Key Contributions:
• Built frontend using React, TypeScript, and Vite
• Developed academic dashboards and course modules
• Implemented advanced form validation workflows
• Integrated analytics tracking (GA4, Clarity)
• Designed animated UI using Framer Motion
Tech Stack: React, TypeScript, Tailwind CSS,Radix-UI, TanStack Query, Recharts GNS — Corporate Business Platform
Live URL: https://gns.systems/
Engineered a corporate digital presence platform focused on service showcases, brand communication, and lead generation.
Key Contributions:
• Developed responsive marketing interfaces using React + Vite
• Implemented modular UI architecture
• Integrated Google Tag Manager tracking
• Built interactive carousels and analytics widgets
• Optimized SEO-ready page structures
Tech Stack: React, TypeScript, Tailwind CSS, Radix-UI, React GTM, Recharts Limatech — Enterprise Business Platform
Live URL: https://limatechsolutions.in/
Developed a scalable enterprise frontend platform to enhance digital brand presence and product communication.
Key Contributions:
• Built application using React, TypeScript, and Vite
• Implemented secure rendering using DOMPurify
• Managed global state using Zustand
• Integrated SEO management via React Helmet
• Developed reusable component libraries
Tech Stack: React, TypeScript, Tailwind CSS, Zustand, React Helmet, Framer Motion Education
Bachelor of Engineering in C.S.E Dropout April, 2013 – March 2015 Passed 12th with 58% from MP Board April, 2012 – March 2013 Passed 10th with 6.2 CGPA from CBSE Board April, 2010 – March 2011 Skills
Drupal HTML CSS JavaScript JQuery
TWIG PHP Drush Composer GIT
Linux Gulp ReactJs
Languages
English – Highly Proficient
Hindi – Native Speaker
Urdu – Native Speaker
Contact this candidate