Skip to content
Ali Moradi
Contact

Senior Frontend Developer, Istanbul, Türkiye

Ali Moradi

Senior frontend engineer with 7+ years of turning complex, data-heavy products into interfaces people enjoy using. I build them end to end, from the architecture to the last detail, and ship them fast, accessible and tested.

Product usage

Sample data

Active users12,480+4.2%
p95 load182 ms-12 ms
Error rate0.3%+0.1%
SessionsDashboardsReports
Devices
DesktopMobileTablet
Customer portalHealthy51,23418299.98%
Dashboard builderHealthy8,42024099.95%
Form builderHealthy3,91520599.97%
Support panelDegraded1,26061099.20%
Report exportDown0n/a97.40%

This dashboard is live. Drag across it to see its spacing, tokens and contrast.

01Selected work

4 of 15 projects

Selected projects, built end to end and running live.

All projects · 15Browse every project

02Experience

4 companies

7+ years of building products with teams.

Jan 2024 – PresentNeorBig data company building B2B dashboards for enterprises and businesses.Senior Frontend DeveloperTehran, Iran
  • Developed multiple B2B enterprise dashboards from the ground up that display big data through data grids, charts, and interactive maps, with performance as a core requirement.
  • Designed and built a dynamic dashboard builder (similar to Metabase) where users compose their own dashboards from drag-and-drop widgets, chart types, and filters.
  • Engineered a dynamic form builder that generates complex forms from configuration, with schema-based validation (React Hook Form, Zod, Yup) and file upload.
  • Structured the frontend with Feature-Sliced Design (FSD), keeping features isolated, scalable, and easy for the team to work on in parallel.
  • Created a company-wide UI kit on shadcn/ui and Radix UI in a Turborepo monorepo, documented in Storybook, and used across all of the company's dashboard products.
  • Implemented JWT authentication with access and refresh tokens and role-based access control (RBAC) for dashboards, pages, and actions.
  • Optimized rendering and data loading for large datasets with AG Grid virtualization, TanStack Query caching, code splitting, and lazy loading.
  • Delivered interactive maps with Mapbox and Leaflet and charts with Highcharts, Recharts, and Chart.js to turn big data into clear insights.
  • Ensured accessibility with WCAG-compliant components and wrote unit, component, and E2E tests with Jest, React Testing Library, and Playwright.
  • Reviewed pull requests, mentored junior developers, and worked closely with the team to deliver products on schedule.
Feb 2023 – Jan 2024AsiatechOne of Iran's leading internet service providers (founded 2003): broadband, data center, hosting, cloud and CDN.Senior Frontend DeveloperTehran, Iran
  • Rebuilt the eCare customer self-service portal from scratch, used by 500K+ registered customers to purchase services and track their own usage statistics.
  • Developed the Business Support System (BSS) panel from scratch to manage ADSL, LTE, and other internet services, each with its own business rules and workflows.
  • Implemented form-heavy interfaces with complex client-side validation and large data tables using React Table, Material UI, and Bootstrap.
  • Secured customer and internal panels with JWT authentication, access and refresh tokens, and protected routes.
  • Improved existing components, debugged and maintained both applications in production, and worked with the QA team to resolve issues before release.
  • Participated in code reviews and suggested technical improvements and best practices to the team.
Oct 2020 – Dec 2022Homa PharmedHealth and nutrition company with a startup product for athletes and coaches.Frontend DeveloperTehran, Iran
  • Launched and maintained the company's main website and product websites with responsive, SEO-friendly pages.
  • Built a startup product where coaches create training and diet plans and athletes view and follow their personalized programs.
  • Developed reusable UI components to keep the interface consistent and maintainable as the product grew.
  • Designed, implemented, and maintained server-side components and RESTful APIs with Node.js, Express, MongoDB, and Mongoose.
Oct 2018 – Oct 2020Asre Jadooye DaneshFile sharing platform.Frontend DeveloperTehran, Iran
  • Maintained and customized the platform's admin dashboard, adding new features and adapting existing pages to business needs.
  • Integrated the dashboard with RESTful APIs and handled loading and error states for a smooth user experience.
  • Fixed bugs and improved the UI with responsive, cross-browser HTML5, CSS3/SCSS, JavaScript, and React.

03Skills

70 tools and practices

Everything it takes to ship a data-heavy frontend.

React Next.js TypeScript

01Frontend

  • React.js
  • Next.js (SSR, SSG, ISR, PPR, Cache Components)
  • TypeScript
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • SCSS
  • Context API
  • PWA

02State, data and auth

  • Redux Toolkit
  • Zustand
  • TanStack Query
  • SWR
  • RESTful APIs
  • GraphQL
  • WebSocket
  • Axios
  • JWT
  • Access and refresh tokens
  • RBAC
  • Protected routes

03UI, design systems and forms

  • Tailwind CSS
  • shadcn/ui
  • Radix UI
  • Material UI
  • Ant Design
  • Bootstrap
  • Storybook
  • React Hook Form
  • Zod
  • Yup
  • Dynamic form builders
  • File upload

04Data grids, charts and maps

  • AG Grid
  • TanStack Table
  • Highcharts
  • Recharts
  • Chart.js
  • React Flow
  • Mapbox
  • Leaflet

05Architecture, testing and quality

  • Turborepo monorepo
  • Micro-frontends
  • Feature-Sliced Design
  • Atomic Design
  • Clean Architecture
  • Jest
  • React Testing Library
  • Playwright
  • Cypress
  • Core Web Vitals
  • Lighthouse
  • Code splitting
  • Lazy loading
  • SEO
  • Accessibility (WCAG)

06Backend, tooling and teamwork

  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Git
  • Git Flow
  • CI/CD
  • Docker
  • Vite
  • Webpack
  • Turbopack
  • Agile / Scrum
  • Code review
  • Mentoring

04About

From the architecture to the last detail.

  1. 01

    Architecture

    Feature-Sliced Design keeps features isolated, scalable and easy for a team to work on in parallel. Shared UI lives in a component kit: shadcn/ui and Radix UI in a Turborepo monorepo, documented in Storybook.

  2. 02

    Performance

    Big data on screen stays fast: AG Grid virtualization, TanStack Query caching, code splitting and lazy loading, measured with Core Web Vitals and Lighthouse.

  3. 03

    Quality

    WCAG-compliant components, and unit, component and E2E tests with Jest, React Testing Library and Playwright. Pull request reviews and mentoring for junior developers.

Education
B.Sc. in Civil Engineering, Islamic Azad University, 2017
Languages
English (professional working proficiency), Persian (native)
Based in
Istanbul, Türkiye
Open to
Remote roles worldwide, on-site in Istanbul

05Contact

Remote roles worldwide, on-site in Istanbul

Let's build an interface people enjoy using.