Ali Abdullah Azhar
Verified Expert in Engineering
Full-stack Developer
Lahore, Punjab, Pakistan
Toptal member since September 8, 2022
Ali is a full-stack JavaScript engineer who has worked with organizations ranging from US-based startups to Fortune 500 global enterprises. His core expertise is in React, Node.js, and React Native. He currently specializes in serverless architecture on AWS. He is comfortable working within the requirements and considerations unique to an enterprise-level business. Ali has a proven ability to build projects from scratch that contribute meaningfully to business success.
Portfolio
Experience
- Software Development - 8 years
- JavaScript - 8 years
- PostgreSQL - 6 years
- Supabase - 4 years
- Next.js - 4 years
- Vercel - 3 years
- PostGIS - 2 years
- Mapbox - 2 years
Availability
Preferred Environment
MacOS, Visual Studio Code (VS Code)
The most amazing...
...thing I've developed is a Next.js and AWS-based cybersecurity solution that helped more than 10 startups secure their business in less than three hours.
Work Experience
Full-stack Developer
Arotahi Agribusiness Limited
- Developed MVP applications using Next.js 14, integrating Supabase for authentication, database management, and API functionalities to deliver scalable and maintainable full-stack solutions.
- Built complex web forms using Formik and React, including custom components such as DateRangePickers, ensuring a seamless user experience for form submissions and data validation.
- Implemented responsive, user-friendly interfaces using Tailwind CSS and React to ensure cross-device compatibility, optimizing both mobile and web user experiences.
- Integrated dynamic data fetching and real-time updates by leveraging Supabase queries and RPC functions within Next.js, improving data efficiency and reducing load times across the app.
- Optimized component rendering with useMemo and useCallback to enhance application performance, especially in complex mapping scenarios involving locality, district, and region data filtering.
- Created modular and reusable components for key features such as date pickers, dropdowns, and multi-select inputs, promoting clean and maintainable code architecture across the project.
- Implemented row-level security policies (RLS) in Supabase to ensure fine-grained access control based on user roles, enhancing data security and privacy within the app.
- Collaborated with cross-functional teams to rapidly iterate on MVP features, gathering user feedback and improving the product in real-time to meet tight deadlines for product releases.
Front-end Developer
AMVENTUREX, INC.
- Leveraged cutting-edge technology by developing the Biocoach app's admin dashboard with Next.js 14, harnessing the power of React server components to ensure seamless performance.
- Implemented a dynamic and engaging user experience with React Native, crafting features like video players, articles, and a comprehensive question module to facilitate user education and health improvement.
- Introduced an online store within the app, enabling users to conveniently purchase healthy meals to support their transformation journey towards a healthier lifestyle.
- Revolutionized the approach to lifestyle transformation by combining technology and wellness in the Biocoach app, providing users with a fun and interactive platform for improving their health.
- Ensured seamless communication among users through the integration of single, group, and video chat features in Comet Chat, enhancing community engagement and support.
- Prioritized user experience by preloading data on the server, guaranteeing swift access to content and minimizing wait times for users accessing the app.
- Implemented robust authentication protocols using cookies and adhering to the latest security standards, safeguarding user data and privacy.
- Achieved compliance with HIPAA regulations by deploying the app on Vercel and Aptible platforms, utilizing Docker files to ensure secure hosting and data management.
- Spearheaded the development process from inception to completion, culminating in the creation of a comprehensive health and wellness platform that empowers users to make positive lifestyle changes.
React Native Developer
Maurice Mitchell
- Developed a cross-platform React Native app that helps people effortlessly manage all their lawn and landscaping needs.
- Implemented real-time chat using Firebase (Firestore) to provide a seamless chat experience.
- Utilized Redux Toolkit for state management to make the app more structured and performant.
- Optimized FlatList to handle a large amount of data and helped the client eliminate performance issues.
- Developed a higher-order component (HOC) for having a universal loader for the app in conjunction with RxJS.
- Utilized Firebase for social authentication and push notifications.
- Published the app to the Apple App Store and Google Play Store.
Senior Full-stack Engineer - Mapping & Geospatial Project
Synviz
- Led a team of four members in charge of developing a React Native app that maximized the efficiency of dispatching and viewing work orders anytime and anywhere.
- Designed the serverless architecture of the app using AWS, which led to the app being scalable, reliable, and performant.
- Achieved a fast, easy-to-use cross-functional app that helped clients manage and track hundreds of Amazon orders.
- Developed new features in the app, including Google Maps and Geolocation features.
- Deployed apps for release on both the App Store and Google Play Store.
- Conducted a React Native update from a legacy version to the newest available one.
- Converted the existing app code to utilize Redux Toolkit.
- Helped the team resolve an Android Gradle issue that was breaking the app.
Full-stack JavaScript Engineer
Social27
- Played a crucial role in developing a feature of a live video-based meeting app for one of the world's leading IT companies, such as Capgemini, that helped them host a virtual event of thousands of people.
- Collaborated and communicated directly with the founder on defining the features and suggesting solutions based on ideas.
- Created a new microservices-based system with Node.js, thus making the system scalable and fast.
- Implemented a connection timeout in Node.js for REST APIs made through Axios to increase performance.
- Obtained ownership of the admin dashboard statistics visualization feature that the product manager praised.
- Developed a generic, fast, and optimized chart component in Angular that was reused in the reporting module, contributing to clean code.
- Worked actively in an Agile environment and tracked and fixed bugs reported in Jira.
- Contributed to and developed complex solutions using both NoSQL and SQL databases.
Lead JavaScript Engineer
Aquila360
- Led a team of four members to develop a powerful serverless cybersecurity solution using Next.js and AWS.
- Mentored a team to achieve a fast and scalable digital solution that helped secure more than nine small businesses in Australia.
- Utilized SSR in Next.js for frequently updating data without compromising performance.
- Integrated the Chargebee payment gateway for billing needs.
- Utilized GraphQL subscriptions to update data on a specific event.
- Decided to use DynamoDB and achieved retrieval of data in milliseconds.
- Implemented a custom microservice for PDF generation on an Amazon Lightsail instance.
- Designed and developed integrations with complementary third-party systems using Gophish, Kaduu, and ImmuniWeb.
- Added a scheduling system by introducing cron jobs with AWS Lambda functions.
React and Redux Engineer
Haywood
- Developed a web-based trader that allows traders and investors a seamless trading experience.
- Architected and built a React application from scratch using Material UI.
- Implemented Redux from scratch and achieved great state synchronization and performance.
- Achieved a reliable trading platform that was blazingly fast and could open across eight tabs.
- Reduced run time crashes and type safety by using TypeScript.
- Converted some legacy React code to version 16.0.8 with function hooks.
- Utilized RxJS behavior subject and observables to handle the global loading state in sync with API calls.
React Native Engineer
Inserito
- Resolved before-release problems with a React Native application; introduced location tracking through Firebase and performance tools.
- Improved code quality and performance issues that could impact future releases.
- Suggested solutions for the application development to make it easier to work with the existing API, including models and mappings.
React Engineer
ALEC Engineering and Contracting
- Contributed to a labor management system that helps manage and track thousands of laborers working on different construction sites.
- Implemented location tracking using Google Map API.
- Created reusable components using React, focusing on reusability and the single responsibility principle (SRP).
- Integrated REST API using Axios with a cancellation token to reduce the network load of repetitive calls.
- Worked actively in an Agile environment and tracked and fixed bugs reported in Jira.
- Created custom hooks to abstract business logic, making code more readable.
- Used Material UI for creating themed components while maintaining consistency in the UI.
Experience
Jumpstart Security
http://app.jumpstart.securityPharmaDoc
Site Inspection Portal
I was in charge of developing a fast and highly user-friendly front end and a performant back end. I implemented Azure Queue to enhance the user experience by sending emails in the background. I also utilized the power of serverless to achieve performance, reliability, and scalability.
Biocoach
https://apps.apple.com/us/app/biocoach-health/id6475170693FEATURES
• A certified health coach to guide you to success
• 1:1 chat with mobile-based coaching
• An expert-guided masterclass to help you hit your goals
• Personalized advice and daily recommendations to make wellness fun and easy
• State-of-the-art progress tracking with seamless Apple Health integration
Education
Bachelor's Degree in Computer Science
COMSATS University Lahore - Lahore, Pakistan
Certifications
React Nanodegree
Udacity
Skills
Libraries/APIs
React, Node.js, Context API, REST APIs, React Redux, AWS Amplify, RxJS, Socket.IO, Stripe, Google API, WebRTC, Google Maps, Sockets
Tools
Amazon Cognito, AWS AppSync, Redux Toolkit, Git, Firebase Cloud Messaging (FCM), Karma, Fastlane, CometChat
Languages
JavaScript, TypeScript, SCSS, HTML, CSS, HTML5, GraphQL, SQL
Frameworks
Express.js, React-Bootstrap, Redux, React Native, Bootstrap, Next.js, Material UI, Angular, NestJS, Kendo UI, Jest, Tailwind CSS
Platforms
Visual Studio Code (VS Code), AWS Lambda, Firebase, Azure, Amazon Web Services (AWS), MacOS, Docker, Vercel, Mapbox
Storage
MongoDB, Amazon DynamoDB, Amazon S3 (AWS S3), PostgreSQL, Cloud Firestore, Azure Queue Storage, Azure Blobs, MySQL, PostGIS, GeoServer
Paradigms
Security Software Development, Agile, UX Design, Cross-platform, Unit Testing
Industry Expertise
Retail & Wholesale
Other
Full-stack, Web Development, Front-end, Single-page Applications (SPAs), Charts, Software Development, App UI, Startups, Optimization, User Interface (UI), User Experience (UX), APIs, Third-party Integration, Healthcare Services, Third-party APIs, Dashboards, Enterprise SaaS, Chargebee, Fintech, Enterprise, CI/CD Pipelines, Axios, Supabase
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