Muhammad Adeel

Muhammad Adeel Senior Software Development Engineer | Frontend Development Engineer-| - Lahore, Pakistan Summary Highly skilled and experienced Frontend Developer with over 5 years of expertise in crafting cutting-edge public web applications using Typescript and ReactJS. Proficient in UI/UX design fundamentals and adept in harnessing the power of JavaScript testing frameworks such as Jest and React Testing Library to ensure top-notch application quality. Experienced in interfacing with Restful APIs, harnessing the capabilities of CSS-in-JS libraries, and proficient in state management using libraries like Redux. Familiar with additional libraries, including Material-UI for polished user interfaces and styled-components for dynamic styling. Committed to creating performant and accessible web applications while staying up-to-date with industry trends and best practices. Proven ability to collaborate effectively within cross-functional teams and deliver outstanding results within project timelines and budgets. Skilled in SEO optimization for improved web visibility, and experienced in responsive web design for a seamless user experience on various devices. Proficient in Git for version control and continuous integration/continuous deployment (CI/CD) pipelines for efficient development workflows. Experienced in web performance optimization techniques, including lazy loading and code splitting. Excels in agile development methodologies, such as Scrum, to facilitate effective project management. Passionate about user-centric design, staying current with the latest web technologies, and ensuring the highest quality web applications that meet both user and business needs. Education University of the Punjab Lahore Bachelor’s in Business and Information Technology (2014 - 2018) I graduated from a well-regarded university in Pakistan with a degree in Bachelor of Business and Information Technology. My studies included a strong foundation in Computer Science, algorithms, and problem-solving. Working Experiences Illumina Technology Solution (2023 - Present) Senior Software Engineer II Technology Stack: Lit Framework, Adobe Experience Manager (AEM), Azure Board, SQL, ReactJS – Worked with Microsoft on the development of the Microsoft.com website, collaborating across multiple teams and environments. – Leveraged ReactJS and Material-UI to develop and optimize web components and site functionalities, including the development of component libraries for consistent UI across multiple pages. – Coordinated with cross-functional teams to manage tasks and workflows using Azure Board. – Implemented robust web solutions to ensure high performance, scalability, and security across different environments. – Led efforts in maintaining coding standards, conducting code reviews, and mentoring junior developers, focusing on Frontend development best practices. – Played a key role in the development, testing, and deployment processes, ensuring seamless integration and delivery across all environments. Graffitecs Solutions (2021 - 2023) Senior Software Engineer Technology Stack: ReactJS, NextJs, NodeJs, JavaScript, TypeScript, Jest, React Testing Library, HTML5, CSS, GIT, Yarn, NPM, GitHub Actions, Tailwind CSS, Material UI, Ant Design, Chakra UI,Linux,VSCode / IntelliJ,Agile:Scrum,Kanban,Jest (Unit Testing framework) – Collaborated with a dynamic team to develop and enhance the platform using the latest technologies, including ReactJS for frontend development. – Ensured strict adherence to best practices and maintained exceptional quality standards in web development. – Independently and collaboratively created innovative and responsive web-based user interfaces using ReactJS and Frontend technologies. – Contributed to the analysis and design of intuitive UI/UX experiences, focusing on fraud detection tools and features. – Collaborated seamlessly with cross-functional teams to define technical requirements and implement innovative solutions, including fraud detection and **security algorithms**. – Stayed abreast of the latest trends and technologies in ReactJS and Frontend web development to drive continuous improvement. – Participated actively in code reviews, upholding code quality and industry best practices. – Developed and curated reusable **component libraries** and frameworks, catering to future projects. – Optimized applications for optimal speed and scalability, ensuring exceptional user experiences. – Seamlessly integrated external APIs and third-party services as dictated by project requirements. – Established and upheld coding standards and best practices throughout the development team. – Engaged actively in agile environment development methodologies, particularly Scrum, ensuring iterative progress and flexibility. – Development Environments: Worked with multiple Environments for Development, Testing, and Production, including Branching Strategies. – Created, Maintained, and Reviewed Documentation. – Led and participated in Code Reviews for own code and code from other Teams. – Mentorship: Mentored, supported, and guided Team Members. ILI Digital (2020 - 2021) Senior Software Engineer / Frontend Technology Stack: JavaScript, ReactJS, NextJs, HTML55, CSS, GIT, GitLab, NPM, Rest API, React Bootstrap – Developed and maintained web applications using TypeScript and ReactJS. – Utilized UI/UX design fundamentals to create user-friendly web interfaces. – Tested code using Jest and React Testing Library to ensure high-quality standards. – Interface with Restful APIs to integrate web applications with other systems. – Worked with RESTful APIs and integrated them into the web application. – Managed state using Redux for efficient and effective web application functionality. – Developed and implemented unit and integration tests. – Optimized web applications for maximum speed and scalability. – Ensured cross-browser compatibility of the web application. – Performed code reviews and provided feedback to improve code quality. – Troubleshooted and debugged issues in the web application. – Wrote technical documentation for code and development processes. Nextbridge (Pvt) Ltd (2018 - 2020) Software Engineer / Frontend Developer Technology Stack: JavaScript,NodeJS/Typescript,AWS Lambda,AWS DynamoDB,AWS S3,AWS EC2 HTML5, CSS, Material UI, ReactJS, GIT, NPM, GitHub – Maintained existing React systems, including fixing bugs and ensuring compliance with new regulatory standards. – Designed and developed new custom components to meet project requirements. – Maintained and updated project dependencies as well as fixed any conflicts. – Continuously learned and provided solutions to optimize and improve processes. – Developed user-friendly and responsive web applications using ReactJS. – Collaborated with cross-functional teams to design, develop, and deploy high-quality web applications. – Wrote clean, efficient, and well-documented code. – Identified and fixed any bugs or issues in the web application. – Created reusable UI components and libraries. – Developed new features and functionality for existing web applications. – Kept up-to-date with the latest web development trends and technologies. – Participated in code reviews and provided constructive feedback to team members. Projects Microsoft.com Website - 7th and 11th Edition Surface Laptops Developing and Enhancing Laptop Product Pages I played a crucial role in the development and enhancement of the Microsoft.com website, specifically focusing on the product pages for the 7th and 11th edition laptops. Utilizing Lit Framework and Adobe Experience Manager (AEM), I worked on optimizing page load times, improving user experience, and integrating dynamic content. – Developed and optimized web pages for the 7th and 11th edition laptops, ensuring high performance and a seamless user experience. – Collaborated closely with design and content teams to implement dynamic and engaging content. – Used AEM to manage and streamline content updates across multiple environments, enhancing the efficiency of the content delivery process. – Resolved accessibility bugs, ensuring the website met WCAG standards and was accessible to all users. – Addressed various UI issues and high contrast bugs to improve visual accessibility and user experience, particularly for users with visual impairments. – Fixed functionality bugs related to interactive components, ensuring smooth and error-free operation. – Implemented responsive design principles to ensure compatibility across various devices and screen sizes. – Conducted A/B testing and user feedback sessions to refine the user interface and improve conversion rates. – Integrated Storybook for building and testing UI components in isolation, enhancing consistency across the development process. – Employed Jest for unit testing, ensuring the reliability and performance of JavaScript code and components. – Utilized Webpack to bundle and optimize assets, improving load times and performance across web pages. – Developed Web Components using the Lit framework, enabling the creation of reusable and encapsulated UI elements for enhanced maintainability. – Ensured adherence to W3C Accessibility Standards, improving the accessibility of the website for users with disabilities. – Implemented cross-browser compatibility, testing and optimizing the site to work seamlessly across a wide range of browsers and devices. – Delivered a responsive website design to ensure a smooth and consistent user experience across mobile, tablet, and desktop devices. The Gate Revolutionizing Workflows with “The Gate” System As the driving force behind “The Gate” System, I led the development using Next.js to create an automated organizational workflow. The system introduces a dynamic and intuitive interface, optimizing user experience and efficiency. Notable features include streamlined automation processes and a visual organizational chart, fostering transparent communication and elevating team collaboration. – Engineered a responsive and dynamic user interface with Next.js, enhancing user experience and interaction. – Implemented automated processes, reducing manual efforts and optimizing organizational workflows. – Introduced an organizational chart feature for visualizing hierarchies, promoting transparent communication within the team. – Recognized for the system’s intuitive design, automation capabilities, and contribution to efficient teamwork. Three60 Project Management In the “Three60.pm” project, I assumed the role of Project Leader, taking charge of the entire project lifecycle, from planning to execution and successful delivery. My responsibilities encompassed a wide array of critical tasks. – Collaborated closely with design teams, playing a key role in crafting an intuitive and user-friendly interface, ensuring the platform streamlined user workflows effectively. – Leveraged expertise in ReactJS to lead frontend development efforts, creating interactive and responsive components that form the core of the Three60.pm application. – Maintained effective team coordination, fostering clear communication and collaboration to ensure alignment with project objectives and timelines. – Implemented rigorous testing procedures to identify and rectify issues or bugs, guaranteeing a seamless user experience. Resleeve AI AI Created Fashion To Assist Your Imagination I played a pivotal role in the “AI Created Fashion To Assist Your Imagination” project. I spearheaded the development of key features, including the ability to generate entirely new, original product designs swiftly, explore mesmerizing variations to meet market requirements, transform sketches into high-quality designs, and facilitate image enhancements through AI-driven retouching. My responsibilities encompassed crafting a seamless and user-friendly interface, ensuring efficient interaction with Resleeve’s AI technology. Community Facilities Planning Calculator (CFPC) CFPC Project As the front-end developer for the “Community Facilities Planning Calculator (CFPC)” project, I played a key role in designing the user interface and implementing complex statistical formulas crucial to the project’s success. The project aimed to plan and establish community facilities considering demographic characteristics. – Created an intuitive front-end for stakeholders to interact with statistical data, enabling data input, visualization, and analysis. – Developed algorithms to determine the appropriate community facilities and resources allocation based on population demographics, collaborating closely with the project team to make informed decisions. BASF Battery Recycling Platform BASF Battery Recycling Platform with the collaboration of BMW In the joint project between BMW and BASF Battery Recycling, which aimed to optimize their recycling order process, I took on the role of a frontend ReactJS developer. My primary responsibilities included developing and designing new web pages as per project requirements and addressing any technical issues or bugs that arose during the development process. – My work helped streamline the recycling order process, contributing to the project’s success in improving efficiency and sustainability in battery recycling for BMW and BASF. Mcyclo Mcyclo – The return system for clean Styrodur® cuttings BASF introduces an eco-conscious initiative called mcyclo in collaboration with esteemed sales partners BACHL and ISOVER, aiming to provide a sustainable solution for Styrodur® insulation material processors across Germany. This innovative take-back system allows for the collection and recycling of clean Styrodur® construction site cuttings. Skills Hard Skills: ReactJS Proficiency, JavaScript Expertise, Redux, REST, JSON, Flux, Front-End Technologies, Webpack and Babel, Microservices, Building, Node.js, Apollo, PostgreSQL, GraphQL, Test Coverage, Testing, REST APIs, Git and Version Control, Performance Optimization, Browser Developer Tools, Code Quality Tools, Cross-Browser Compatibility, Responsive Web Design, CSS-in-JS, Server-Side Rendering (SSR), Cloud, Progressive Web Apps (PWAs), Web Accessibility (A11y), CI/CD, Serverless Architecture, TypeScript, UI/UX Design, Code Review, Performance Monitoring, Responsive Frameworks, Component Design, Design System, Data Models, Distributed Systems , Authorization, Designers, State Management Alternatives, Databases, Content Management Systems (CMS), Internationalization (i18n) and Localization (l10n), CrossPlatform Development, Security Best Practices, Azure DevOps, Cosmos DB, Azure Functions, AWS Lambda, AWS DynamoDB, AWS S3, Linux (Docker, Kubernetes), Payment Methods, Stripe, Square, Easypay, Paysafe, Paysimple, CardConnect, VSCode / IntelliJ, Agile (Scrum or Kanban), Documentation, Mentoring and Leadership. Soft Skills: Problem-Solving, Teamwork, Fintech, Conflict Resolution, Emotional Intelligence, Decision-Making, Presentation Skills, Project Planning, Creativity, Critical Thinking, Time Management, Communication, Collaboration, Software Quality, Adaptability, Attention to Detail, Collaboration with Engineering Team, Customer-Centric Mindset, Microsoft Office, Continuous Learning. Frameworks/Libraries: React.js (including Next.js), Tailwind CSS, Material-UI (MUI), Ant Design, Chakra UI, Bootstrap, React-Bootstrap, CSS Framework, SASS/SCSS Testing and Automation: React Testing Library, Jest, ESLint for code quality, Prettier, Webpack Plugins, Continuous Integration, Unit Testing Programming/Tools: Visual Studio Code, Git (GitHub, GitLab), npm/yarn package manager, Jira, Asana, Trello Version Control: Git, GitHub, GitLab, BitBucket Collaboration Tools: Slack, Figma, Notion, Google Suite, Microsoft Teams, Linear App Languages Languages: Urdu (Native or Bilingual), English (Professional Proficiency)