my picture

Hello I'm

Delnaz Pourmatin

Front-End Developer

Building responsive and user-centric web applications with React, TypeScript, and Next.js.

About Me

Front-End Developer specializing in React, TypeScript, and Next.js. I transitioned into tech after 6 years as a Sales Accounting Specialist, retraining through an intensive, self-directed learning path and shipping a portfolio of complete, tested applications — from an authenticated language-learning platform to API-driven tools. I'm comfortable translating Figma designs into clean, reusable components, integrating REST APIs, and writing unit and component tests with Vitest and React Testing Library to keep code reliable as it grows. My background in a deadline-driven, detail-heavy role gave me strong time management and prioritization skills I now apply to structured development workflows.

Skills

  • HTML5
  • CSS3
  • Sass
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Vite
  • React Hook Form
  • Zod
  • REST APIs
  • Axios
  • Vitest
  • React Testing Library
  • Git
  • GitHub

Projects

  • langora project

    Langora

    A language-learning application with authenticated sign-up/login, target-language and proficiency-level selection, and a vocabulary dashboard. Form validation is handled with React Hook Form and Zod for robust client-side error handling. The app is covered by unit and component tests (Vitest + RTL) across authentication flows, form validation, and key UI components, and is built with reusable components for scalable growth.

    Tech: Next.js, React, TypeScript, React Hook Form, Zod, Vitest, React Testing Library
  • weather app project

    Weather app

    A real-time weather app powered by the Open-Meteo API. Implements automatic geocoding (city name → coordinates) before fetching live weather data, with a modular architecture that separates API logic from UI, environment-based configuration, and error handling for invalid city searches. Fully responsive with dynamic weather icons and detailed conditions.

    Tech: React, TypeScript, Vite, REST API
  • paw gallery project

    Paw Gallery

    A dog breed explorer powered by TheDogAPI. Features search and filtering, dynamic data rendering, and a component-based architecture with a fully adaptive CSS Grid layout across all screen sizes.

    Tech: React, TypeScript, REST API, Pagination, CSS Grid
  • menulo

    Menulo

    A restaurant menu ordering app using the Context API for global state management. Supports category browsing, live search, quantity controls, and a running order summary with total price calculation, built with reusable, component-driven architecture and a fully responsive layout.

    Tech: React, Context API, CSS
  • currency converter project

    Currency converter

    A lightweight currency converter that lets users define a custom exchange rate and convert instantly between USD and IRR, with a clean, responsive UI.

    Tech: React, TypeScript, Tailwind CSS

Experience

Front-End Development

Self-Directed Training & Projects (2024 – Present)

Completed an intensive, self-directed front-end development program after transitioning from a non-technical career

Built and deployed multiple production-quality applications using React, TypeScript, Next.js, and Tailwind CSS, including an authenticated app with tested form validation (Langora)

Practiced real-world patterns: REST API integration, component architecture, state management, and version control with Git

Sales Accounting Specialist

Import-Export Company (2018 – 2024)

Managed sales accounts, invoicing, and production coordination in a deadline-driven environment

Education

Bachelor's Degree in Information Technology Islamic Azad University, South(IT)

Tehran Branch | 2013 – 2018