Ahmad Faraz

Frontend Developer

I specialize in creating web-based products and digital experiences that prioritize accessibility and inclusivity.

hero-image

A b o u t

As a seasoned Frontend Developer with over three years of experience, I specialize in building engaging, scalable, and high-performance web applications. My expertise lies in leveraging cutting-edge technologies like React.js/Next.js, TypeScript, JavaScript, React Query, Redux, and RTK Query to create seamless and dynamic digital experiences.

I am adept at integrating tools like Google APIs and Mapbox to deliver interactive, map-based functionalities and enhance user engagement. With a strong command of TailwindCSS, ShadCN UI, HTML5, and CSS3, I bring a keen eye for aesthetics and a passion for crafting intuitive and memorable UI/UX designs.

Key Skills & Methodologies

Component-Driven Development: Mastery in compound components, ensuring reusable, scalable, and highly maintainable UI systems.

Atomic Design Principles: Proficient in implementing atomic UI architecture to structure applications into well-defined, reusable building blocks for consistent design and functionality.

State Management Expertise: Skilled in leveraging Redux and RTK Query for efficient global state handling and React Query for optimized server state synchronization.

Geospatial Solutions: Expertise in Mapbox for creating rich, interactive maps and location-based services that add dynamic, geospatial functionality to applications.

Performance Optimization: Focused on enhancing web app performance, accessibility, and responsiveness across devices.

Backend Integration: Expertise in seamless data flow and interaction using modern APIs and efficient querying techniques.

E x p e r i e n c e

2022 - Present

logo

Frontend Developer

Technicians Of Digital & Designs Services (TODDS Group)
I have developed and implemented responsive web designs using React.js, Next.js, TailwindCSS, AntDesign, and JavaScript to elevate user experiences and ensure cross-browser compatibility. Collaborated with cross-functional teams to establish an efficient frontend architecture, resulting in a notable 20% reduction in page load times. Conducted rigorous code reviews, addressed bugs, and optimized website performance while spearheading the integration of third-party APIs like Google Maps for enhanced user interactions. Leveraged React.js/Next.js with TypeScript and TailwindCSS to seamlessly develop and integrate UI components using RTK Query for impeccable backend integration.
React
NextJs
TypeScript
JavaScript
TailwindCSS

09/2024 – Present

logo

Frontend Developer

Remote Work - Side Project
Developed a cloud-based platform to simplify material estimation, supplier sourcing, and construction cost analysis. Designed for multiple user roles (Admin, Supplier, User) with a responsive and intuitive interface optimized for web and mobile.
  • Implemented responsive, user-friendly interfaces using ShadCN UI and Tailwind CSS.
  • Optimized data fetching and caching with TanStack React Query for realime material and supplier updates.
  • Built a dynamic state management system using Redux Toolkit for seamss user interaction and robust data flow.
  • Delivered scalable and reusable components to streamline feature aitions and maintenance.
  • Enhanced application performance with server-side rendering in Nt.js 15 for improved SEO and speed.
  • Designed dashboards for admins to monitor app usage, manage suliers, and oversee user interactions.
React
NextJs
TypeScript
TailwindCSS
ShadCn UI
Redux Toolkit
TanStack React Query