
Sheikh Muhammad Adeel
Verified Expert in Engineering
React Developer
Karachi, Sindh, Pakistan
Toptal member since September 29, 2022
With more than five years of experience as a front-end engineer, Adeel brings a wealth of expertise to the table. Proficient in a wide range of technologies, including React, TypeScript, JavaScript, Webpack 5, Module Federation, Micro Frontends, CSS (including Tailwind CSS and Ant Design), MUI, Redux, RTK Query, Next.js, Firebase, Cloud Functions, Node.js, Storybook, and unit testing, Adeel is a valuable asset for any team and well-equipped to take on challenging new projects.
Portfolio
Experience
- JavaScript - 5 years
- Firebase - 4 years
- React - 4 years
- React Native - 3 years
- TypeScript - 2 years
- Next.js - 2 years
- Node.js - 2 years
- Firebase Cloud Functions - 2 years
Availability
Preferred Environment
MacOS, Windows, Linux
The most amazing...
...thing I've developed is the new Cloudways.com dashboard used by over 70,000 customers.
Work Experience
Senior Front-end Engineer
DigitalOcean
- Developed 4+ micro front-end apps using Module Federation and React. Led and developed the core features of the new Cloudways platform built on React and TypeScript.
- Worked with 10+ front-end engineers and mentored them in their journey.
- Set up GitHub Actions (pipelines) for different micro front-end applications in different environments for the new Cloudways platform.
- Developed 4+ major and complex features. Solved issues and contributed and helped the team with the development of the front-end design system for the new Cloudways product.
- Solved challenges and issues related to Redux Toolkit and RTK Query, integrated complex REST APIs and app flows, and helped team members with issues related to API integration.
- Implemented data visualization using different types of charts and graph libraries. Helped the team with issues related to graphs and charts integration.
- Fast-tracked the development process by creating reusable components and helper functions and introducing proper TypeScript interfaces.
- Performed code reviews and helped the team with code quality and the structure of the codebase.
Front-end React Engineer
An Online Freelance Agency
- Worked on numerous projects and products for more than 12 clients and became a top-rated React and JavaScript engineer for the quality of my work.
- Fixed bugs, added new features to different React applications, and started and delivered new web applications.
- Collaborated with other teams, team leads, and software architects to plan, design, develop, test, and maintain web, desktop, and mobile business applications and software.
Full-stack Engineer
Cloudnosys
- Worked as a full-stack developer, building new features and UI components and creating and debugging different Google Cloud functions.
- Debugged the system and fixed costumer's issues while reporting the improvements.
- Fixed bugs in React components, Firestore real-time data, API integrations, and authentication emails.
- Created some core features and revamped some of the existing features of the Cloudnosys platform.
- Solved some major issues in the scan engine, Cloudnosy's most complex feature.
Front-end Engineer
Scientise7 PVT LTD
- Worked on products like 'HIKMA ONLINE' for hikmaonline.com.
- Managed the front end and developed new UI designs and components for the project.
- Worked as a productive and positive team member to design, code, test, report, and debug operations.
- Successfully identified, diagnosed, and fixed bugs in the development and production phases.
Experience
Propertiflow.com
https://app.propertiflow.com/Cloudways By DigitalOcean
https://unified.cloudways.com/I worked with Cloudways.com to create their new Unified UX platform. I developed 4+ micro front-end apps using Module Federation and React. I worked with 10+ front-end engineers and mentored them in their journey. I also developed 4+ major and complex features.
I worked with Cloudways.com and did responsive web design in their new Unified UX platform and initiated the conversion by writing some useful utilities functions and hooks that can be easily used by other team members. I contributed to 5+ features to make them mobile-compatible.
Go Cart - Imray.com
My principal responsibilities revolved around the transformation of this monolithic codebase into a more modular and maintainable structure. Specifically, I undertook the task of creating distinct micro front-end applications for significant modules, such as the products app and the design system. This entailed a conversion of existing JavaScript code into a more robust and sustainable TypeScript codebase. Additionally, I meticulously authored unit tests and Storybook components to ensure the reliability and consistency of the design system.
I am pleased to report the successful creation of the separate products app, which leveraged TypeScript, Module Federation with Webpack 5, Jest for unit testing, and Storybooks for comprehensive component documentation. This endeavor proved to be both challenging and enlightening, as it deepened my understanding of front-end architecture and enhanced my skills in the field.
Prodoo.com - Enabling Independent Workforce
https://prodoo.com/I worked with prodoo.com to develop 4+ new features in their user dashboard built on React. I successfully built and delivered 5+ new features with pixel-perfect designs and API integrations and resolved 8+ major bugs in the system while working on the user dashboard. I also suggested major improvements in the codebase and collaborated with other team members effectively.
Inventory Feature | Cloudnosys.com
https://console.cloudnosys.com/inventoryLeviosa | Wellness Web App
http://leviosa.usPharmaZu | Landing Page and User Panel
http://app.pharmazu.com/Rider App: Foodchoo.com
https://foodchoo.com/driver/how-it-worksI worked on the UI of this app and created many screens and flows. I integrated APIs and sockets for different features. There were some challenges, as the app contains some complex flows.
Education
Bachelor's Degree in Computer Engineering
Sir Syed University of Engineering and Technology - Karachi, Pakistan
Intermediate Degree in Computer Science
Adamjee Government Science College - Karachi, Pakistan
Certifications
Testing React with Jest and React Testing Library (RTL)
Udemy
Mastering TypeScript - 2022 Edition
Udemy
Microfrontends with React: A Complete Developer's Guide
Udemy
JavaScript Algorithms and Data Structures Masterclass
Udemy
Advanced Software Engineering
Aptech Computer Education
Skills
Libraries/APIs
React, Formik, Node.js, React Redux, Redux Form, Socket.IO, Firebase Web SDK, REST APIs, React Router, React Hook Form, React DnD, React Testing Library, React Native for Web, React Navigation
Tools
Firebase Authentication, RTK Query, Figma, Git, Jira, Create React App, Redux Toolkit, Webpack, Amazon CloudFront CDN, Chrome Developer Tools, Webpack 5, Mongoose, Babel, Expo, Expo.io, Android Studio, GitHub, Webpack 4
Languages
JavaScript, HTML, CSS3, TypeScript, Less, CSS, CSS4, CSS2, TypeScript 3, TypeScript 2, HTML5, Sass, SQL, GraphQL, SCSS
Frameworks
Redux, Ant Design, Tailwind CSS, Bootstrap, Next.js, React Native, Bootstrap 2, React-Bootstrap, Material UI, Express.js, Jest, Android SDK
Paradigms
REST, Socket Programming, Serverless Architecture, Scrum, Responsive Web Design (RWD), Unit Testing, Testing, Functional Testing, Microfrontends
Platforms
Firebase, AWS Lambda, Google Cloud Platform (GCP), Mobile, Amazon Web Services (AWS), Android, iOS, DigitalOcean, BigCommerce, Web
Storage
Cloud Firestore, Google Cloud, Amazon S3 (AWS S3), MongoDB, JSON
Other
Firebase Cloud Functions, Axios, JavaScript Libraries, Interactive JavaScript, APIs, Bootstrap 4, Firebase Hosting, Module Federation, Complex Problem Solving, Full-stack Development, React Hooks, Front-end, User Interface (UI), Full-stack, Design, Front-end Architecture, Front-end Design, Storybook, Responsive UI, Data Structures, Sorting Algorithms, User Experience (UX), Business Services, Legal, Genetic Algorithms, Time Complexity Analysis, Space Complexity Analysis, Programming, App UI, Mobile UI, Mobile UX, Mobile Navigation, Android Emulators, Cordova, WebAssembly (Wasm), Gatsby, Chakra UI, User Authentication, Application State Management, Architecture, Web UI, Vite
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
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring