Verified Expert in Engineering
The most amazing...
...thing I've done is a micro-frontend architecture implementation to break down a monolith app & improve performance, development time, codebase, & reusability.
Pulse Media Inc
- Built an app that transforms financial statements into meaningful Sankey diagrams. The app utilizes D3 to create various interactive charts, including Sankey, bar, and line graphs, which provide detailed and granular statistics.
- Led the front end, designed and improved the UI/UX, and built a responsive web application using Tailwind CSS.
- Connected the front end with the back-end APIs using React Query for better performance, verified and tested the app with the stakeholders, and handled bug fixing and performance improvements.
Senior Front-end Engineer
- Planned and implemented micro-frontend architecture.
- Improved Three.js floor-map load speed by up to 50% by improving rendering events and data structure.
- Built features, maintaining and improving the occupancy map tool. Built and deployed 3D floor-map render using Mapbox. Built features, maintaining and improving the occupancy map tool.
- Led a front-end team. Planned, architected, and implemented features.
- Built responsive designs using Tailwind CSS and Headless UI for React, Next.js, and RoR applications.
Senior Software Engineer
- Created a customizable data analysis dashboard tool that presents data insights as a story.
- Automated 80% of the manual work, precluding the need for matching work on Microsoft Excel.
- Built an evaluation tool embedded with filters to generate granular statistics to analyze promotions happening in retail shops.
- Improved and fixed the old reporting system by bringing in greater automation and optimizing SQL and PostgreSQL queries, improving overall performance by 40%.
Full-stack Software Engineer
- Launched an in-app wallet for freelancers with transactions backtracking and appeal system, reduced manual work by 60%, and eased freelancers' manual payment work by 80%.
- Optimized memory and time-consuming SQL and PostgreSQL queries and other logic-heavy processes and reduced AWS server cost by 30%.
- Planned, designed, and launched a 3-tier incentive system for freelancers with reporting and statistics.
- Created public and private REST APIs for internal app usage and other business integration.
- Built features to improve the community, such as a social platform where the community can connect.
I implemented this architecture for one of the companies where one of their main application was getting overloaded with features, and the codebase was getting huge. The app was facing latency issues, and as multiple teams were contributing to the same monolith, the front-end app deploying, testing, and developing was becoming an issue.
With the help of micro front-end architecture, we managed to break down the app into smaller applications that connect to the main shell (where all micro front-end will be rendered), giving individual teams to manage their own applications, repositories, and CI/CD process.
Dynamic Data Visualization Dashboard System
As the lead developer, I worked with a team of three engineers, contributing to front-end and back-end development. We wrote specs, developed, tested, planned CI/CD, and deployed the dynamic visualization dashboard system. Our collaboration resulted in a robust product for companies to analyze grocery shopper data.
Community Platform for Reliable and Skilled Manpower
My key responsibility was debugging, fixing bugs, enhancing and building new features, and planning and brainstorming with the other teammates.
Brought the 'Gogetter training' system online and reduced errors and manual work by 80%. Optimized memory and time-consuming SQL and PostgreSQL queries and other logic-heavy processes that brought down the AWS server's cost by 30%. Planned and built a B2B model with a payment gateway, which helped break even. Planned and started a PWA app for merchants. Created public and private REST APIs for internal app usage and other business integration. Wrote job matching algorithms and improved job matching. Build features to improve the GoGetter community, e.g., favorite social and auto job allocation.
On-demand Work App Websitehttps://goget.my/
My primary responsibility was to coordinate with the UI/UX designer to bring their vision to life and build webpages that were not only responsive but also aligned with the design aesthetics. This involved understanding the design requirements, gathering assets, and collaborating closely with the designer to ensure seamless integration of design elements into the website.
Focused on creating reusable components, proper HTML tags were used for accessibility purposes, implementing SEO-friendly practices, using SSR (a feature by Next.js) to improve page load speed, and ensuring it follows the design pattern with all the colors, components, and animations.
BarterUnit | Barter Exchange Communityhttps://apps.apple.com/pk/app/barterunit/id1457207657
In this role, I collaborated closely with different departments within the organization to ensure successful new deployments and contributed to developing project schedules and workflows. Additionally, I provided recommendations for changes and enhancements to software applications to improve performance and user experience.
To ensure successful collaboration across the organization and with all the stakeholders involved, I managed multiple teams both onsite and remotely, along with collaborating with clients to align the expected deliverables, and was able to effectively communicate technical requirements and solutions.
Overall, my experience as a mobile application developer at LogicFab enabled me to develop a deep understanding of mobile application development, project management, and cross-functional collaboration.
Food Truck Tracking System With an Integrated CMS
Additionally, I integrated a heatmap feature using Google APIs, providing users with an insightful visual representation of food truck density. As the project expanded, I led the development of APIs for a mobile app in collaboration with the mobile developer. The entire project was crafted using Laravel for the back end and MySQL for the database.
HealthBot AI Prototype
In this venture, my primary contributions centered around extensive research on OpenAI, utilizing the PHP SDK for effective API integration and integration of OpenAI's GPT-3.5 and GPT-4 models. Moreover, I played a key role in developing a logic handler, ensuring the adaptability of the AI bot to different ChatGPT versions. This project underscores the potential of AI in transforming the health sector and providing personalized assistance to end-users.
Digital Connect Platform
I played a pivotal role in enhancing communication integrity and customer satisfaction in this project. My key responsibility involved creating a taboo filter, enabling managers to prevent the transmission of inappropriate messages. I implemented a customizable filter function, utilizing a custom regex to detect and restrict the use of filtered words. Additionally, I spearheaded the development of an escalation module, ensuring proactive notifications to all admins/owners when agents failed to respond to end-users within defined time thresholds.
Repair Tracker System
In this project, my primary responsibility was the creation of a robust function using the Laravel framework. This function, executed every minute via a CronJob, utilized the phpseclib's SFTP library. The function seamlessly logged into the designated SFTP account, performed verification checks on file extensions, and parsed XML files. The extracted details were then gracefully added to the system's MySQL table. To maintain system integrity, the function also handled file renaming for differentiation and created logs for debugging purposes in case of any issues.
In this dynamic project, my role was instrumental in the technical implementation of key features. I spearheaded the setup of the Facebook developer app, configuring it with the necessary permissions. Collaborating closely with the team, I facilitated user account integration with Facebook through Graph APIs, enabling them to connect their Facebook pages to our system. A notable contribution involved creating a user-friendly feature allowing sellers to go live on their chosen Facebook pages with a simple button click. Additionally, I played a key part in integrating a module for handling live feed orders, ensuring smooth processing, and sending receipts seamlessly through Facebook Messenger. Initially, the main logic for the above project was created and controlled using Go, in which I was mainly involved, but then, eventually, every logic was moved to PHP Laravel.
My technical contributions spanned both front and back end, encompassing the creation of an intuitive chat interface for users to engage with consumers. The chat UI features a convenient drag-and-drop mechanism for utilizing predefined text samples, reducing repetitive typing. I successfully integrated WhatsApp and Telegram APIs on the back end, facilitating the sending and parsing of messages directly within the system. This system was based on Laravel and Vue, using MySQL as the database.
Work Order Management and Seamless Communication
I played a pivotal role in enhancing communication and information access within the system. Firstly, I developed an internal chat system from the UI to the back end, providing engineers with a seamless communication platform. This chat system featured multiple tabs, enabling engineers to discuss work orders and access related information within the same interface. Moreover, I spearheaded the integration of the WhatsApp Business API into the main system. This integration allowed the automated sending of predefined and approved WhatsApp templates to consumers, ensuring timely notifications about engineer arrivals and updates on their cases.
Ruby on Rails 4, Next.js, Ruby on Rails (RoR), React Native, Laravel, Tailwind CSS, Material UI, Redux, Express.js, NestJS, RailsAdmin
React, Node.js, D3.js, Pure CSS, REST APIs, Chart.js, API Development, Twilio API, Vue
Git, GitHub, Figma, Expo, Webpack, Jira
REST, Back-end Architecture, App Development, Continuous Integration (CI), Test Automation, UX Design
Firebase, Vercel, Google Cloud Platform (GCP), iOS, Android, Heroku, Amazon Web Services (AWS), Twilio, AWS Lambda, Docker
PostgreSQL, MySQL, MongoDB
Programming, Social Communication, Data Visualization, Semantic UI, APIs, Full-stack, Minimum Viable Product (MVP), Full-stack Development, Back-end, Back-end Development, Front-end, eCommerce, User Interface (UI), User Experience (UX), Leadership, Team Leadership, Front-end Development, Web Development, API Integration, Charts, Dashboards, Instant Messaging, UI Components, Design, Software Design, Technical Leadership, Mobile Apps, React Query, Digital Commerce, Project Design & Management, Quality Assurance (QA), Chakra UI, Architecture, RESTful Web Services, Authentication, Customer Relationship Management (CRM), Graphs, CI/CD Pipelines, Accessibility, Design Systems, Software Architecture, Styled-components, Applied Physics, Biology, Planning, Communication, WebSockets, Sankey, Content Management Systems (CMS), OpenAI GPT-4 API, ChatGPT, SDKs, Integration, SFTP, GRAPH
Bachelor's Degree in Computer Science
University of Greenwich - Kuala Lumpur, Malaysia
Diploma in Biology
Lahore Grammar High School - Lahore, Pakistan
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