Moazzam Ali

MOAZZAM ALI 📍 Karachi, Pakistan | 📞 - | ✉️-| LinkedIn | GitHub SUMMARY Front-End-Engineer with 3 years building scalable web apps in FinTech, EdTech, and social networking. Expert in React/Next.js with TypeScript, optimizing performance via code-splitting (React.lazy), tree- shaking (Webpack/Vite), and bundle analysis. Skilled in state management (Context-API,Redux, and Zustand), reactive data flows (React Query + GraphQL/Apollo Client), and micro-frontend architectures. Built CI/CD pipelines with Jest/Cypress testing and ESLint static analysis. Implemented caching strategies (SWR, HTTP ETags), REST/GraphQL hybrids, and PWA features (service workers). Proficient in modern CSS (Tailwind, CSS-in-JS), and browser storage (Server/Client-side cookies, LocalStorage, BrowserSession, IndexedDB). Experienced with WebSocket integrations, Chrome DevTools profiling, and design systems (Storybook). EXPERIENCE Zenkoders - Karachi, Pakistan Senior Frontend Engineer Junior Frontend Engineer July 2023 – Present June 2022 – June 2023 Frontend Architecture: Led development of 10+ React/Next.js apps with TypeScript, implementing server components, micro-frontends, and atomic design patterns. Optimized Core Web Vitals scores by 40% via codesplitting (React.lazy), Webpack tree-shaking, and memoization. UI/UX Systems: Built responsive UIs with Tailwind with Shadcn, MUI, SCSS, and CSS-in-JS (Emotion). Integrated 15+ third-party APIs (Stripe-Connect, Twilio, OpenAI) via React Query/TanStack. Performance Engineering: Slashed initial load times by 35% using SWR caching, dynamic imports, and Lighthouseguided optimizations. Reduced JS bundles by 50% with Vite/Rollup. Tooling & Testing: Scaled design systems using Storybook/Chromatic. Authored 300+ Jest/React Testing Library tests with 95% coverage. Migrated legacy apps to Turborepo monorepos. Cross-Functional Leadership: Mentored 20+ devs on modern React patterns, state management (Redux/Zustand), and CI/CD workflows (GitHub Actions). Spearheaded adoption of React Server Components. SKILLS Technical Skills Languages: HTML5 | CSS3 | JavaScript (ES6+) | TypeScript Frontend Frameworks & Libraries: React.js | Next.js (App Router & Server Components) | Redux Toolkit | React Query | Zustand | Context API Forms & State Management: React Hook Form | Formik | Redux Toolkit | Zustand | Context API Styling & UI Libraries: Tailwind CSS | SCSS/Sass | Material UI | ShadCN | PrimeReact Modern Development Patterns: Server Components | Micro-Frontends | Code-Splitting | Memoization Performance & Optimization: Lighthouse Auditing | Memoization | Code-Splitting | Web Workers | Browser APIs (IndexedDB) Testing & QA: Jest | Cypress | React Testing Library APIs & Data Handling: RESTful APIs | GraphQL | Firebase | Supabase Build & Development Tools: Vite | Webpack | npm / yarn / pnpm Version Control & CI/CD: Git | GitHub | GitHub Actions EDUCATION Bachelor of Science in Computer Science Mohammad Ali Jinnah University Feb 2017 - Feb 2022 PROJECTS Khuta – Goal-Oriented Decision-Making & Planning Platform: Built a scalable front-end using Next.js, TypeScript, and Tailwind CSS, delivering a seamless Arabic-language experience. Utilized Zustand for efficient global state management across interactive modules. Optimized performance with WebP image conversion, lazy loading, and route-based code splitting, reducing load times by 30%. Successfully onboarded 15,000+ users, supporting their academic and career planning through intuitive and localized experiences. Project Link: https://khuta.om AI Query – Natural Language Database Interface: Built an intuitive SQL generator with Next.js and TypeScript, integrating OpenAI APIs to achieve 90% query accuracy. Designed a modern UI/UX with dynamic form validation and error handling, cutting user input errors by 55%. Optimized API caching via React Query, reducing GPT-4 response times by 1.2 seconds for 10k+ monthly users. Project Link: https://aiquery.co Therapy Portal – Patient Management Platform Architected a responsive therapy portal using React.js, Next.js, and Tailwind CSS, delivering a 95% Lighthouse accessibility score. Engineered real-time session dashboards with WebSocket integrations, reducing UI latency by 35% through React memoization and code splitting. Collaborated with UX designers to implement 50+ WCAG-compliant components using Material UI, boosting patient engagement by 40%. Project Link: https://app.mypractitionerconnect.com Military Coach – OPENAI | React.js | Next.js Developed an AI platform to assist military personnel transitioning to civilian careers. Create a scalable solution leveraging AI to provide personalized career guidance. Implemented real-time chat with streaming responses using Vercel AI SDK, achieving 98% uptime during peak loads. Onboarded 10,000 users within the first month, enhancing career transition support for military personnel. Boosted performance by 25% through image optimization (WebP/Lazy Loading) and React Server Components (RSCs). Project Link: https://militarycoach.ai CERTIFICATIONS HTML5 - Coursera (2022) JavaScript - Udemy (2023) React JS - Great Learning (2022)