Education
Amir Kabir University of Tehran
Graduation - Dec. 2025
B.S. Computer Science, GPA 18.32 / 20.00
Professional Experience
Snapp! Market
05/1403 – Present | ~ 1yr
Senior Front-End Engineer
- Engineered a ~15-point uplift in Lighthouse performance scores (from ~60 to ~75) by implementing critical CSS inlining (optimizing INP/FID), generating styled-component CSS files at build-time, strategically customizing Webpack & Rspack chunking, and orchestrating comprehensive lazy loading of components via a custom loadable utility (enhancing TBT).
- Participated in the implementation of Server-Side Rendering (SSR) with React for key marketing pages, directly addressing SEO optimization requirements from the Marketing team. This involved architecting server-side data fetching and Redux store hydration on the client-side to improve Googlebot indexing.
- Improved user experience by reducing network usage through batching and sending APM RUM events. Benchmarked compression methods and batching strategies, then implemented a backend proxy to handle requests, decompress them, and forward them individually to the final gateway.
- Architected and deployed an event-driven listener component leveraging custom events, integrated with Elastic APM-RUM for asynchronous data transmission during browser idle periods. This initiative significantly decluttered React components, optimized resource utilization, and preserved main thread responsiveness.
- Elevated application stability, achieving a 0.8% improvement in the crash-free rate (from 99.1% to 99.9%), by strategically migrating from Elastic APM-RUM to Sentry and configuring robust, regression-focused alerting mechanisms for proactive issue identification across builds.
- Implemented Continuous Testing methodologies in collaboration with a dedicated test engineer. This involved defining critical user flows, developing comprehensive E2E test scenarios with Playwright covering edge cases, and integrating this automated testing suite into the CI/CD pipeline to proactively identify and mitigate release bugs.
- Drove a 50% conversion rate increase among at-risk user segments (identified via Elastic APM-RUM behavioral analytics) by designing and implementing a real-time intervention strategy. This involved monitoring in-app behavior and triggering targeted voucher code modals via MQTT over WebSocket (EMQX).
- Developed Alfred, a real-time AI-powered chat app for product discovery and purchase, using WebSockets for live communication with LLM on the nextJS backend side, Framer Motion for advanced animations, and ensured cross-platform compatibility—including smooth iframe integration with Snapp Market via postMessage and Safari/iOS support verified through BrowserStack.
- Enhanced system observability by integrating Lighthouse performance tests into the CI pipeline, where a Docker container automatically runs Lighthouse test on each newly deployed version and pushes the results to Prometheus Pushgateway, enabling the visualization of key performance metrics per release in Grafana
- Introduced ScrumBan practices to a front-end chapter team (5 developers and a chapter lead) that previously lacked a structured framework. I taught the team Kanban principles, implemented a customized board in Jira, and refined processes through regular retrospectives. These efforts improved the team's workflow and established a monthly reporting system for completed tasks, bringing clarity and accountability to their work. Organized and facilitated chapter community sessions, encouraging colleagues to share knowledge and present on various topics to strengthen the team’s collective expertise.
Pishro Broker
09/1400 – 03/1403 | 2 yr 5 mo
Software Engineer
- Led the end-to-end design, development, and deployment of the PishrunFund investment platform (Next.js 14), encompassing both frontend and backend components. Engineered a CashFlow Model in MongoDB for IPG payments, implemented Read-Through Redis caching for , utilized MinIO for user file uploads, and containerized the application with Docker for single-command CI/CD deployment via GitLab DID.
-
Engineered significant Lighthouse performance enhancements
across multiple company applications, achieving
25–40 point improvements. This involved a
spectrum of optimizations, from foundational CLS fixes
(e.g., fixed banner dimensions) to advanced strategies like
chunking heavy chart/table data (processed under 50ms via
requestIdleCallback) and leveraging service workers with Comlink for off-main-thread processing. -
Systematically improved performance and UX on the MyPishro
platform by:
-
Proactively identifying and rectifying unnecessary
re-renders using React DevTools, applying strategic
memoization (
React.memo,useMemo,useCallback) to optimize large-scale stock market tables and charts. - Optimizing asset delivery via MinIO with customized cache-control headers for static assets, and significantly reducing bundle sizes by strategically splitting large chunks, mitigating issues from heavy charting/table libraries.
-
Proactively identifying and rectifying unnecessary
re-renders using React DevTools, applying strategic
memoization (
- Spearheaded the architecture and implementation of a monorepo and atomic design system across all React applications, ensuring UI/UX consistency and reusability. Managed versioning and publication of UI packages to GitLab using npm/changesets for streamlined developer consumption.
- Developed and deployed a custom Real User Monitoring (RUM) system to track client-side errors (stored in MongoDB), successfully identifying the root cause of over 1,000 unexpected user exits linked to chart library failures under heavy load from the stock exchange core.
- Pioneered the adoption of Next.js 13's App Router post-release for the PishroBroker company website. Implemented a hybrid rendering strategy: SSG for news, RSC and Server Actions/Mutations for interactive pages/sign-up, ISR for dynamic stock data, and SSG for static content like company branch pages.
- Architected and implemented a Server-Driven Design (SDD) system for the MyPishro project, significantly reducing friction between developers and non-technical stakeholders. This enabled content updates via a Hexagonal NestJS backend and a simple dashboard, dynamically rendering atomic design components based on JSON responses, ensuring scalability across projects through the shared monorepo design system.
- Contributed to the maintenance and enhancement of a high-performance, real-time trading platform (Vue 3). Successfully integrated a legacy stock exchange core system and live data feeds using LightstreamerJS, managed real-time stock price updates via WebSockets, implemented order functionalities, and enhanced UX with Framer Motion animations.
- Implemented robust PWA capabilities, including offline support using service workers and Workbox. Utilized Ionic and Capacitor to generate native Android (APK) and iOS (IPA) builds, enabling users to access critical app analytics features offline.
- Successfully refactored and revitalized a critical, previously unstable React application by strategically migrating from a problematic Redux store to Jotai, leveraging its atomic nature for a gradual and successful state management overhaul.
- Led the initiative to define and enforce company-wide coding standards, collaborating with developers to establish conventions based on Airbnb’s style guide. Developed and implemented shared ESLint, Stylelint, and EditorConfig configurations to ensure code consistency and quality across all projects.
Mobin Net
02/1400 – 01/1401 (Apr 2021 – Mar 2022) | 1 yr 6 mo
Front-End Developer
- Worked on a 10-year-old legacy project, replacing a vanilla JS front-end with Vue 3 in a PHP Laravel environment.
- Improved and maintained the front end of a legacy PHP project with no framework, enhancing my core JavaScript and development skills to implement new features.
- Implemented a customer support chat app without using any JavaScript frameworks, handling voice messages and images using vanilla JS and object-oriented programming.
- Migrated an old CRM/ORM platform from a minimal front end (built with PHP Yii2) to a full React project. Used antD for faster development.
- Improved my JavaScript skills beyond the company's tech stack during my free time.
