Full Stack Developer
turning ideas into powerful web applications
About Me
Are you ready to build a cutting-edge digital product that stands out from the crowd?
As an experienced MERN Stack Software Engineer, I specialize in turning ambitious ideas into robust, user-centric web applications. My passion lies in crafting elegant solutions that drive real results for businesses like yours.
My experience includes:
- Building responsive eCommerce stores and SaaS solutions.
- Developing custom user dashboards and flexible plugins.
- Creating high-impact business websites.
My work has been recognized by the community, with Excellence award from Connected Pakistan for my contributions to the local tech community and from Tech Nation for teaching WordPress. My work is driven by a commitment to clean code, user-centric design, and seamless collaboration.
Ready to bring your vision to life? Let's connect and discuss how I can help you build your next great project. Contact Me Now!
My Skills & Expertise
- Languages: JavaScript, TypeScript
- Frameworks: React, Next Js, Astro
- Styling: Tailwind CSS
- CMS: WordPress, Shopify, Sanity, Strapi
- Tools: Figma, Framer Webpack, Vite
wordpress
Shopify
HTML
CSS
Javascript
Typescript
Tailwind CSS
Material UI
React JS
Next JS
Redux
Node JS
GraphQL
Firebase
MongoDB
MySQL
Postgress
AWS
Google Cloud
Git
Github
wordpress
Shopify
HTML
CSS
Javascript
Typescript
Tailwind CSS
Material UI
React JS
Next JS
Redux
Node JS
GraphQL
Firebase
MongoDB
MySQL
Postgress
AWS
Google Cloud
Git
Github
wordpress
Shopify
HTML
CSS
Javascript
Typescript
Tailwind CSS
Material UI
React JS
Next JS
Redux
Node JS
GraphQL
Firebase
MongoDB
MySQL
Postgress
AWS
Google Cloud
Git
Github
wordpress
Shopify
HTML
CSS
Javascript
Typescript
Tailwind CSS
Material UI
React JS
Next JS
Redux
Node JS
GraphQL
Firebase
MongoDB
MySQL
Postgress
AWS
Google Cloud
Git
Github
My Work
STRABL - Payments & Checkout
Challenge:
STRABL, a Dubai-based FinTech startup, needed a robust, secure, and highly efficient checkout solution to empower e-commerce platforms and digital service providers. The goal was to build a flagship product capable of integrating with multiple payment gateways and providing a seamless, "ZeroPay" checkout experience, all while supporting comprehensive management dashboards for various users.
Solution:
As a core team member and lead frontend developer, I delivered a wide range of solutions from concept to production over a three- year period.I led the development of a highly secure, customizable, and fast checkout web app. This solution included integrated authentication and support for multiple payment gateways, including Stripe, Apple Pay, Google Pay, Tabby, Tap Payments, and Paymob.
In addition to the core checkout solution, I engineered and delivered comprehensive admin, customer, and merchant dashboards to streamline the management of payments, orders, and checkout customizations.To ensure wide adoption, I also developed WordPress and Shopify plugins and NPM packages, allowing merchants to seamlessly integrate STRABL into their platforms.
Results:
My contributions were instrumental in building STRABL & apos; s core product, enabling the company to provide a powerful and versatile checkout solution to its clients.The delivered solutions now serve as the foundation of STRABL & apos;s platform, providing a secure, efficient, and user - friendly experience for hundreds of merchants and their customers.
Tech Stack I used
- React Js
- TailwindCSS
- Redux
- Webpack
- Spring Boot
- MongoDB
- MariaDB
- Redis
Raees Official
Challenge:
Raees Official, a traditional men's clothing brand in Pakistan, needed an e-commerce platform that authentically reflected its cultural roots. The goal was to create a digital storefront and a seamless user experience that resonated with the brand's traditional aesthetic, from the color scheme to the overall design.
Solution:
I designed and developed a custom e-commerce solution with a strong focus on traditional aesthetics. The entire store's color scheme and design were inspired by Pakistani heritage, ensuring the digital experience was in perfect harmony with the physical product. I leveraged Next.js for a fast, responsive frontend and integrated Tailwind CSS for a highly customized and scalable design. On the backend, I built robust customer and admin dashboards using Next js and MongoDB to manage inventory and orders, and I implemented the Twilio SMS service for real-time order notifications.
Results:
The new platform delivered a high-performance shopping experience that successfully captured the brand's essence. The cohesive, traditional design created a strong brand identity, while the custom dashboards and SMS notifications streamlined operations for the client. The result is a modern, reliable e-commerce store that honors tradition and is built for future growth.
Tech Stack I used
- Next js
- Tailwind CSS
- MongoDB
- Twilio SMS Service
MSC Electric
Challenge:
MSC Electric, a London-based team specializing in sustainable energy solutions, needed a business website that could visually communicate their brand's value and attract new clients. The goal was to build a modern, attractive, and highly interactive online presence that stood out in a competitive market.
Solution:
I engineered a dynamic business website to serve as a powerful digital hub for MSC Electric. Using Next.js and Tailwind CSS, I built a fast and responsive site with a focus on creative, brand-driven design. I used GSAP (GreenSock Animation Platform) to incorporate custom animations and engaging section transitions, which not only enhanced the user experience but also effectively conveyed the brand's innovative and forward-thinking identity.
Results:
The new website successfully transformed MSC Electric's online presence. The attractive and animated design helps them deliver their brand value to potential clients and stands as a key tool for customer acquisition. The site's high performance and unique user experience help them project a professional and innovative image that attracts and retains customers.
Tech Stack I used
- Next js
- Tailwind CSS
- GSAP (GreenSock Animation Platform)
The Glam Bar
Challenge:
The Glam Bar, an online cosmetics store, was struggling with a complex and high-maintenance WordPress site. The client needed to migrate to a simple, minimalist platform with an intuitive dashboard that was easy to manage, allowing them to focus on their business instead of website upkeep.
Solution:
I designed and built a customized e-commerce store from the ground up using Next.js. The goal was to create a clean, high-performance site that was both visually appealing and simple to operate. The new admin dashboard was developed to be exceptionally user-friendly, with a minimalist design and no overloaded information, ensuring a hassle-free experience for the client. I used Tailwind CSS and DaisyUI to create a polished, modern interface that reflected the brand's aesthetic. The store's backend was powered by MongoDB, providing a reliable and scalable database solution.
Results:
The new website successfully solved the client's core issues. The streamlined, minimalist design of both the storefront and the admin dashboard has significantly reduced maintenance overhead and improved usability. The client now has a simple, clean, and custom-built e-commerce platform that is easy to manage, allowing them to focus on their customers and business growth.
Tech Stack I used
- Next js
- Tailwind CSS
- Daisy UI
- MongoDB
