Mahmood Bagheri
Frontend Engineer building scalable product platforms with React, TypeScript, and advanced AI-assisted engineering workflows powered by Claude Code, Codex, and modern developer tooling.
About
With +9 years of experience building scalable, high-performance web applications and complex product platforms using React and TypeScript. Experienced in leading frontend architecture, designing maintainable systems, and delivering polished user experiences across dashboards, design systems, real-time applications, and data-intensive workflows. Advanced user of AI-assisted development tooling, including Claude Code, Codex, and related agentic coding workflows, to accelerate scaffolding, debugging, refactoring, code review, documentation, and day-to-day engineering execution. Strong track record of combining senior technical judgment with modern AI tooling to ship reliable, type-safe, and maintainable solutions while collaborating closely with product, design, and backend teams.
Projects
- A Desktop-only browser-based environment editor and simulation tool for designing camera coverage. Use it to build a space, place cameras and people, and validate coverage, occlusion, and motion in 2D/3D previews.
Skills
Frontend Engineering
TypeScript, JavaScript, HTML5, CSS3, React, Tanstack Start, Next.js, Remix, SSR, SSG, ISR, RSC / Server Components, PWAs, Web Workers
State, Data Fetching & API Tooling
TanStack Query (React Query), Redux Toolkit, Redux Toolkit Query, Redux, Zustand, Context API, SWR, Apollo Client, GraphQL, REST APIs, tRPC, Orval, WebSockets, Real-Time Systems, Caching Strategies, Feature Flags, API Client Generation, Hook Generation
UI Systems, Styling & Design Collaboration
Tailwind CSS, shadcn/ui, Radix UI, Storybook, Material UI (MUI), Ant Design, Mantine, styled-components, Emotion, JSS, SCSS, CSS-in-JS, Framer Motion, Figma, Zeplin
Forms, Validation & Content Systems
React Hook Form, TanStack Form, Formik, Zod, class-validator, Yup, PayloadCMS, Nextra, dumi, Docmost
Testing, Quality & Observability
Jest, Vitest, React Testing Library, Cypress, Playwright, TDD, Unit & Integration Testing, E2E Testing, Sentry, Frontend Observability, Telemetry
Build, Tooling, Packages & Monorepos
Vite, Rsbuild, Webpack, Babel, Rollup, Workbox, PostCSS, Autoprefixer, ESLint, Prettier, Biome, npm, pnpm, Bun, Turborepo, Nx Cloud, Lerna, Changesets, Semantic Release
Delivery, Collaboration & Infrastructure
Git, GitHub, GitLab, GitHub Actions, Docker, Vercel, Coolify, Dokploy, CI/CD, Frontend Architecture, Design Systems, Platform Engineering, ABAC
Performance, Accessibility & Internationalization
Accessibility (WCAG / a11y), Performance Optimization, Responsive Design, Cross-Browser Compatibility, Lighthouse, Web Vitals, i18next, React-Intl, Internationalization & Localization
Advanced UI, Realtime & Visualization
Data Visualization, Real-Time Dashboards, Mapbox, Three.js, React Three Fiber, WebSocket-Driven Interfaces
Backend & Data Layer
Node.js, Nest.js, Express, PostgreSQL, MongoDB, Redis, Prisma, Drizzle, TypeORM, Mongoose
AI-Assisted Engineering
Claude Code, OpenAI Codex, Agentic Coding Workflows, Cursor, Opencode, Cline
Work Experience
Frontend Engineer
- Architected and built a multi-tenant IoT operations platform in React, TypeScript, TanStack Router, and TanStack Query, covering device management, dashboards, SCADA, automation, asset tracking, computer vision, and workspace collaboration in a single product.
- Designed and implemented a custom drag-and-drop dashboard builder with resizable widgets, multi-view layouts, grouping, fullscreen mode, undo/redo history, dashboard templates, and secure public sharing with password and expiration controls.
- Architected a real-time telemetry pipeline using WebSockets, consolidating subscriptions, minimizing network overhead through request coalescing and debouncing, and enabling low-latency data streaming for monitoring systems.
- Developed a live asset-tracking experience with Mapbox, combining GPS telemetry, search, fit-to-bounds, fly-to interactions, and side-panel workflows for monitoring distributed devices in real time.
- Built a type-safe frontend architecture with Orval-generated API clients across multiple backend services, Zod-validated routes and environment config, centralized caching/error handling, and feature-flag-driven navigation.
- Improved responsiveness of chart-heavy screens by offloading time-series data processing to Web Workers, reducing main-thread work during live telemetry updates.
- Built an interactive vision-simulation platform that lets teams design surveillance layouts, place cameras and people, and plan complex monitoring scenarios in a visual editor.
Technical Consultant
- Architected and implemented scalable frontend solutions for complex projects, leveraging deep knowledge of design patterns and best practices.
- Championed the adoption and integration of cutting-edge frontend technologies and tools, including state management libraries (Redux, Zustand), testing frameworks (Jest, React Testing Library), and build tools (Vite, Rsbuild).
- Cultivated a culture of engineering excellence by conducting thorough code reviews, advocating for clean code principles, and mentoring junior developers.
- Proactively researched and shared emerging frontend trends and best practices with the team, driving continuous improvement in development processes.
- Streamlined development workflows by implementing efficient tooling and automation, resulting in increased productivity and reduced development time.
Frontend Engineer
- Designed and implemented a scalable architecture for multiple frontend applications, resulting in a 30% reduction in maintenance costs.
- Implemented a design system based on Material UI which reduced the design and development time for new features by 30%, resulting in faster time-to-market.
- Developed over 200 Zeplin/Figma screens using React and TypeScript.
- Implemented code generator tools, resulting in a 90% reduction in the time it takes to generate React Query and API call code compared to manual coding.
- Refactored all Create-React-App based applications to Vite, which resulted in an 5x reduction in build time and a 30% increase in overall efficiency.
- Established clear communication channels and regular check-ins with team members resulting in increased productivity metrics by 15%.
- Organized regular team knowledge-sharing sessions that resulted in a significant improvement in team morale and a more productive and cohesive work environment.
Frontend Engineer
- Primarily responsible for delivering 3 cutting edge client-side applications powered by React and TypeScript with a strong focus on user experience and performance.
- Improved the whole frontend chapter's productivity by building a React boilerplate; reduced products' development time by 10%.
- Upgraded frontend project’s build systems; Enhanced development environments speed up to 70% faster.
- Built, documented, and maintained reusable code using Storybook; Facilitated new developer’s onboarding by 10%.
- Enabled developers to focus more on complex programming tasks by eliminating the need for repetitive and mundane tasks.
Frontend Developer
- Refactored a React app from class-flow based to TypeScript hook-based, resulting in a 20% reduction in the number of lines of code.
- Implemented a comprehensive testing framework using Cypress which caused detect and fix issues earlier in the development process, resulting in a 40% reduction in time spent on debugging and maintenance.
- Increased accessibility for non-native speakers through the implementation of i18n.
- Significantly decreased the number of errors introduced during manual coding, resulting in reduction of time required to generate Apollo client hooks from GraphQL specs by 90%.
Frontend Developer
- Developed responsive and optimized web applications using HTML, CSS, and JavaScript.
- Collaborated with clients to understand their business needs and translate them into functional front-end designs.
- Utilized frameworks and libraries such as Vue and JQuery to create interactive user interfaces and enhance user experience.
- Worked with back-end developers to integrate front-end functionality with server-side web application logic.