Sheikh is available for hire
Hire SheikhSheikh Muhammad Adeel
Verified Expert in Engineering
React Developer
Location
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
DigitalOcean
React, JavaScript, TypeScript, Redux Toolkit, Tailwind CSS, Ant Design...
An Online Freelance Agency
TypeScript, React, JavaScript, Firebase, Next.js, Cloud Firestore, Material UI...
Cloudnosys
Firebase, React, Ant Design, Less, Cloud Firestore, HTML, CSS, JavaScript...
Experience
Availability
Full-time
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
2022 - PRESENT
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.
Technologies: React, JavaScript, TypeScript, Redux Toolkit, Tailwind CSS, Ant Design, Webpack 5, Storybook, Unit Testing, Responsive UI, Google Cloud, Formik, Bootstrap, CSS4, CSS2, JavaScript Libraries, Interactive JavaScript, React Redux, Redux Form, APIs, Bootstrap 4, Bootstrap 2, TypeScript 3, React-Bootstrap, Firebase Web SDK, Firebase Hosting, Serverless Architecture, Webpack, Module Federation, Babel, Amazon CloudFront CDN, Amazon S3 (AWS S3), TypeScript 2, Functional Testing, Jest, React Testing Library, HTML5, Data Structures, Sorting Algorithms, Complex Problem Solving, Programming, Chrome Developer Tools, HTML, Firebase, Cloud Firestore, REST, Full-stack Development, Figma, Amazon Web Services (AWS), REST APIs, Git, React Hooks, Front-end, React Router, Testing, Redux, Jira, Scrum, GraphQL, Google Cloud Platform (GCP), DigitalOcean, BigCommerce, Sass, Mobile, Create React App, AWS Lambda, Webpack 4, SCSS, GitHub, User Authentication, Business Services, Design, Full-stack, React Navigation, RTK Query, CSS, Responsive Web Design (RWD), Front-end Architecture, Front-end Design, React Hook Form, Vite
Front-end React Engineer
2021 - 2023
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.
Technologies: TypeScript, React, JavaScript, Firebase, Next.js, Cloud Firestore, Material UI, Ant Design, Bootstrap, CSS3, HTML, Responsive UI, APIs, REST, TypeScript 3, Bootstrap 4, React-Bootstrap, CSS4, Firebase Authentication, Firebase Web SDK, Firebase Hosting, Firebase Cloud Functions, Serverless Architecture, Formik, React Native, CSS2, JavaScript Libraries, Interactive JavaScript, React DnD, React Redux, Redux Form, Bootstrap 2, Socket.IO, Socket Programming, Node.js, Mongoose, MongoDB, Webpack, Amazon S3 (AWS S3), HTML5, Complex Problem Solving, Programming, Chrome Developer Tools, Redux Toolkit, SQL, Full-stack Development, Amazon Web Services (AWS), Figma, Android, Cordova, iOS, REST APIs, Git, React Hooks, Front-end, React Router, Testing, Redux, Jira, Scrum, GraphQL, Sass, Mobile, Create React App, Mobile UI, App UI, Webpack 4, SCSS, GitHub, User Authentication, Chakra UI, Legal, Business Services, Design, Full-stack, Gatsby, Mobile UX, Android SDK, Mobile Navigation, React Navigation, Expo, Expo.io, Android Emulators, RTK Query, Express.js, CSS, Google Cloud, Responsive Web Design (RWD), Front-end Architecture, Front-end Design, React Hook Form, Vite
Full-stack Engineer
2021 - 2022
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.
Technologies: Firebase, React, Ant Design, Less, Cloud Firestore, HTML, CSS, JavaScript, Google Cloud, Responsive UI, Bootstrap, JavaScript Libraries, Interactive JavaScript, React Redux, Redux Form, APIs, Bootstrap 4, Bootstrap 2, Socket.IO, Socket Programming, Node.js, React-Bootstrap, Firebase Web SDK, Firebase Hosting, Serverless Architecture, HTML5, Complex Problem Solving, Programming, Chrome Developer Tools, Firebase Cloud Functions, Material UI, REST, AWS Lambda, Full-stack Development, Amazon Web Services (AWS), Figma, REST APIs, Git, React Hooks, Front-end, React Router, Redux Toolkit, Redux, Jira, Scrum, GraphQL, Google Cloud Platform (GCP), Sass, App UI, Webpack 4, SCSS, GitHub, User Authentication, Design, Full-stack, Create React App, React Navigation, Express.js, Responsive Web Design (RWD), Front-end Architecture, Front-end Design, React Hook Form
Front-end Engineer
2020 - 2021
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.
Technologies: CSS4, CSS2, HTML, JavaScript, JavaScript Libraries, Interactive JavaScript, React Native, React, React DnD, Redux, Formik, React Redux, Redux Form, APIs, REST, Material UI, Bootstrap 4, Bootstrap 2, Socket.IO, Socket Programming, Node.js, Express.js, Mongoose, MongoDB, React-Bootstrap, Firebase Web SDK, Firebase Hosting, Amazon S3 (AWS S3), HTML5, Complex Problem Solving, Programming, Chrome Developer Tools, SQL, Full-stack Development, Figma, iOS, REST APIs, Git, React Hooks, Front-end, React Router, Redux Toolkit, Jira, Scrum, GraphQL, BigCommerce, Sass, App UI, Webpack 4, SCSS, GitHub, User Authentication, Design, Full-stack, Create React App, React Navigation, CSS, Responsive Web Design (RWD), Front-end Architecture, Front-end Design, React Hook Form
Experience
Propertiflow.com
https://app.propertiflow.com/I recently worked with Propertiflow.com to develop their Next.js app. I resolved 20+ critical bugs in the prod environment, added 5+ major features, and contributed to 5+ major releases. More about this project can viewed at smadeel.com/portfolio.
Cloudways By DigitalOcean
https://unified.cloudways.com/Cloudways exists to support its customers. More than 75,000 agencies, SMBs, and individuals rely on Cloudways to save time and money so they can focus on their passions and grow their businesses.
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.
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
I served as a part-time front-end engineer at Eastpoint, where I was primarily engaged in the development of the Go Cart admin dashboard. This dashboard had previously been a substantial React application with a multitude of modules.
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.
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 their main landing page on Next.js, React, SCSS, AntDesign, and Redux. I successfully delivered the new landing page by adding 8+ pixel-perfect different pages, REST API integrations, and authentication integration. It is live on: 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.
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/inventoryDeveloped a new inventory feature for cloudnosys.com. This feature has many filters, sort by function, and pagination resources. Managing all the filters and data was a complex task. These are some of the filters featured in the module: risks filter, tags filter, filter by service type, sort by date of creation and added date, and search by resource name and tags.
Leviosa | Wellness Web App
http://leviosa.usLeviosa is everything users need to improve their well-being as it has ever-growing content and resources. I developed many different flows and features for this app. I added user monitoring, content views, and sections like gurus, content creator, and much more. This project is based on core CSS, React, BootStrap and Firebase. I used Firebase Cloud Functions and added new APIs and back-end functions.
PharmaZu | Landing Page and User Panel
http://app.pharmazu.com/PharmaZu is a platform for pet lovers that offers products for their pets, including dogs, birds, and cats. They help with pets' health conditions, food, lifestyle, and much more. It is an all-in-one shop for all types of pet foods and goods. For this project, I developed the landing page and user panel.
Rider App: Foodchoo.com
https://foodchoo.com/driver/how-it-worksFoodchoo is a food delivery app. It focuses on delivering food as soon as possible through its riders that carry different foods all the time. Users can select a rider in their range and view their menu. Users can order the food, and the rider will deliver the food to the user's location.
I 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.
I 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
2017 - 2020
Bachelor's Degree in Computer Engineering
Sir Syed University of Engineering and Technology - Karachi, Pakistan
2015 - 2017
Intermediate Degree in Computer Science
Adamjee Government Science College - Karachi, Pakistan
Certifications
JULY 2022 - PRESENT
Testing React with Jest and React Testing Library (RTL)
Udemy
JULY 2022 - PRESENT
Mastering TypeScript - 2022 Edition
Udemy
JUNE 2022 - PRESENT
Microfrontends with React: A Complete Developer's Guide
Udemy
MAY 2022 - PRESENT
JavaScript Algorithms and Data Structures Masterclass
Udemy
DECEMBER 2017 - PRESENT
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, Figma, Git, Jira, Create React App, Redux Toolkit, Webpack, Amazon CloudFront CDN, Chrome Developer Tools, Mongoose, Babel, Expo, Expo.io, Android Studio, GitHub, Webpack 4
Frameworks
Redux, Ant Design, Tailwind CSS, Bootstrap, Next.js, React Native, Bootstrap 2, React-Bootstrap, Material UI, Express.js, Jest, Android SDK
Languages
JavaScript, HTML, CSS3, TypeScript, Less, CSS, CSS4, CSS2, TypeScript 3, TypeScript 2, HTML5, Sass, SQL, WASM, GraphQL, SCSS
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, RTK Query, 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, Webpack 5, Genetic Algorithms, Time Complexity Analysis, Space Complexity Analysis, Programming, App UI, Mobile UI, Mobile UX, Mobile Navigation, Android Emulators, Cordova, Gatsby, Chakra UI, User Authentication, Application State Management, Architecture, Web UI, Vite
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