Salar Sari Navaii
Salar Sari Navaii

Crafting Code
with a taste of experience

Hi, I’m Salar — a Senior Front-End Developer. I used to write code; now I mostly tell Claude what to write and review its work — patiently waiting for the day it stops needing me to do even that.

  • JavaScript (ES6+)
  • TypeScript
  • HTML5
  • CSS3
  • SCSS
  • React
  • Next.js
  • Tailwind
  • Mantine
  • TanStack Query
  • Zustand
  • React Hook Form
  • Zod
  • Recharts
  • Highcharts
  • Multi-source charts
  • Real-time rendering
  • Git
  • ESLint
  • Husky
  • Prettier
  • REST APIs
  • JavaScript (ES6+)
  • TypeScript
  • HTML5
  • CSS3
  • SCSS
  • React
  • Next.js
  • Tailwind
  • Mantine
  • TanStack Query
  • Zustand
  • React Hook Form
  • Zod
  • Recharts
  • Highcharts
  • Multi-source charts
  • Real-time rendering
  • Git
  • ESLint
  • Husky
  • Prettier
  • REST APIs
  • GraphQL
  • CI/CD
  • Agile / Scrum
  • Jest
  • Cypress
  • React Testing Library
  • Cross-browser compatibility
  • SSR / SSG
  • Code splitting
  • Lazy loading
  • Performance budgets
  • Core Web Vitals
  • next-intl
  • i18next
  • RTL support
  • Multi-locale content
  • WCAG
  • Component-driven design
  • Figma
  • UI/UX principles
  • Bootstrap
  • jQuery
  • GraphQL
  • CI/CD
  • Agile / Scrum
  • Jest
  • Cypress
  • React Testing Library
  • Cross-browser compatibility
  • SSR / SSG
  • Code splitting
  • Lazy loading
  • Performance budgets
  • Core Web Vitals
  • next-intl
  • i18next
  • RTL support
  • Multi-locale content
  • WCAG
  • Component-driven design
  • Figma
  • UI/UX principles
  • Bootstrap
  • jQuery
Check out my projects

Articles

View All

CSS Superpower: Unlocking the Magic of Container Queries

A beginner-friendly deep dive into container queries in CSS.

A Fun CSS Fact: Meet the Magic of clamp()

A quirky and enlightening CSS tip.

Native CSS Nesting Is Here: Ditch the Preprocessor

CSS now supports nesting natively — no Sass or Less needed. Here's the syntax, the edge cases, and how to migrate.

React 19 Hooks You Should Be Using in Next.js

useOptimistic, use(), useFormStatus, and the new Actions model — practical patterns for React 19 in a Next.js 15 codebase.

About Me

overcOverCPart-time - Remote | Jan 2026 – Present
Senior Front-End Developer
  • Designed and delivered high-performance, multi-source BI dashboards for global and local clients using Next.js, Recharts, and Highcharts, supporting complex real-time data flows across 5+ integrated sources.
  • Architected frontend solutions with SSR, TanStack Query caching, and lazy loading strategies, targeting sub-2s load times and measurable Core Web Vitals improvements across all client deliverables.
  • Implemented i18next-based internationalization with full RTL support, enabling product delivery to both Persian and English-speaking markets from a single codebase.
dornicaDornicaFull-time - On-site | Jun 2021 – Jan 2026
Front-End Tech Lead | Oct 2021 – Jan 2026
  • Defined and enforced organization-wide frontend standards — including ESLint configs, Prettier, Husky Git hooks, branching workflows, and component patterns — adopted across all projects and CI/CD pipelines.
  • Architected a national-scale executive BI dashboard integrating multiple REST APIs — featuring KPI cards, geo maps, filterable tables, and Recharts visualizations; achieved <2s load time via Next.js SSR and TanStack Query caching.
  • Established a component library with 10+ reusable modules built with Mantine and React, reducing estimated development time for new dashboards by ~30%.
  • Migrated UI styling approach from Bootstrap to Tailwind CSS across new projects, standardizing design tokens and reducing custom CSS overhead.
  • Onboarded and mentored 10+ junior developers and interns through a structured 3-month training program covering HTML, CSS, SCSS, Bootstrap, JavaScript, and jQuery, with 5+ promoted to mid-level roles.
UI Designer & Front-End Developer | Jun 2021 – Oct 2021
  • Built 20+ responsive interfaces from design mockups using Bootstrap and JavaScript for CMS platforms, internal dashboards, and specialized client websites.
platinPlatin AgencyPart-time - Remote | Dec 2023 – Dec 2025
Front-End Developer
  • Independently led frontend development for end-to-end implementation and successful delivery of diverse client web solutions.
  • Designed and launched the agency's flagship website, prioritizing SEO best practices and performance optimization.
  • Developed and shipped multiple campaign microsites for Nazari Cake, maintaining cohesive brand identity and seamless mobile experiences.
© 2026 Salar Sari Navaii. All rights reserved.