FRONTEND ARCHITECT
Specialized in building scalable frontend architectures and full-stack solutions using the MERN ecosystem. Experienced in designing robust component systems, state management patterns, and frontend architectures for enterprise-level applications.
Frontend Developer Specializing in React & Next.js
Passionate MERN stack developer with expertise in building modern, responsive web applications. Specializing in React, Next.js, and full-stack JavaScript development. Committed to creating seamless user experiences with clean, maintainable code and optimal performance.
150+
Web Applications
6+
Years Of Experince
8+
SaaS Projects
Designed, developed, and managed the technical architecture of a SaaS product to ensure alignment with market needs and adherence to technical standards.
Developed and optimized both frontend and backend architectures, ensuring seamless integration, scalability, and alignment with user experience and performance standards.
Designed a custom document signing solution in React.
Eliminated the need for third-party APIs like HelloSign
Achieved significant cost savings for the project.
Created a scalable front-end architecture.
Implemented a mono-repo structure for better code management and collaboration
Accelerated the initiation of new projects, resulting in enhanced overall team efficiency
Reduced time-to-market for new products and features.
Enhanced React app performance through frontend optimization techniques.
Implemented a Node server on CentOS and configured NGINX for load balancing and reverse proxy tasks, improving server response time.
Established a CI/CD pipeline on AWS using GitHub Actions, reducing deployment times by 50 Percent.
Configured multiple applications on a single server using NGINX.
Conducted performance checks on the Node server using tools like k6 and autocannon, identifying and resolving bottlenecks to improve server efficiency.
Utilized pm2 to deploy a cluster of Node applications, achieving effective load balancing and enhancing application availability
Developed frontend App in react for comprehensive Project Cost Estimation tool to streamline budgeting processes
Launched a React and Node application on an EC2 instance, achieving 99.9% uptime through effective monitoring using CloudWatch.
Successfully managed and executed projects independently, delivering high-quality solutions.
Converted over 100 PSD designs into fully responsive and interactive front-end code using HTML, CSS, and JavaScript, ensuring cross-browser compatibility and optimized user experiences.
Developed and implemented admin dashboards with React
HTML
CSS
JavaScript
React
NextJs
Node
ExpressJs
MongoDB
Material UI
Redux
RTK Query
React Hook Form
TypeScript
Git
Yup
Docker
Zod
Designed and implemented the core frontend architecture using Next.Js.
Led a team of frontend developers, mentoring junior members and coordinating tasks to ensure timely delivery of features.
Conducted code reviews and ensured adherence to best practices, improving code quality and maintainability
Collaborated closely with backend teams, designers, and product managers to align the frontend with project goals and ensure seamless integration across the system.
Implemented a monorepo structure for the frontend, streamlining code management across multiple modules and teams
Contributed to building the frontend of the platform using Next.js, ensuring a responsive and efficient user interface.
Led the development of the platform using React, creating an intuitive, user-friendly interface for multiple types of users.
Developed a custom solution for capturing client signatures on PDF documents directly within the platform, eliminating the need for third-party services like HelloSignAPI, saving the company significant costs on API integration fees.
Leveraged Redux for state management and RTK Query for efficient API integration, ensuring seamless data handling across the application.
Integrated React Hook Form to manage complex forms , improving user experience and accuracy
Focused on optimizing performance and load times, ensuring that large volumes of data (case records, financial reports) are handled efficiently through virtualization.
Created the frontend architecture with base modules, providing a foundation that allowed for the rapid addition of customized features tailored to each client’s needs.
By developing a modular architecture, significantly reduced development time and costs for future updates and customizations, enabling faster client onboarding and deployment.
Bachelor of Science in Computer Science
4 Years
Khwaja Fareed University of Engineering & Information Technology (KFUEIT)
2017 - 2021
Intermediate in Computer Science
2 Years
Punjab College Liaquatpur
2014 - 2016
Matriculation
2 Years
Govt Higher Secondary School Khan Bela
2010 - 2012
Made within Pakistan.