Logo
Product-focused frontend development

I build the frontend
that makes good
products feel finished.

I'm a product-focused frontend developer specializing in React, Next.js, and TypeScript. I help teams turn product ideas, existing APIs, and evolving workflows into polished, fast interfaces that stay clear and maintainable as the product grows.

Available for freelance projects

Remote · UTC+3:30 · Flexible overlap · Async-friendly

01 - Selected work

Products where the frontend
carries real responsibility.

These projects show how I approach interaction, architecture, and product decisions—
not only which libraries I used.

01 /

Webimode

A digital-services marketplace that turns vague client needs into clearly scoped projects.

Webimode Interface Preview
Problem / workflow

Visitors needed a clear way to understand available services, evaluate previous work, and turn an idea into a concrete project request.

Frontend contribution

I built the core frontend experience across service discovery, project requests, quoting, portfolio showcases, and content.

Key decisions

I structured the experience around a clear path from discovering a service to understanding its value and starting a project.

TypeScript · Next.js · React · Tailwind CSS
02 /

Connect

A multi-service consumer platform with a PWA and internal administration dashboard.

Connect Interface Preview
Problem / workflow

The product needed to serve consumers while giving the internal team a centralized interface for managing tasks, monitoring data, and analyzing activity.

Frontend contribution

I built the consumer-facing PWA and admin dashboard, connecting multiple workflows into one consistent product experience.

Key decisions

I separated consumer and operational workflows while keeping shared patterns and interaction models consistent across the product.

TypeScript · Next.js · React · Tailwind CSS · PWA
03 /

Safarnameh24

A hotel and flight booking platform focused on making travel reservations simple and reliable.

Safarnameh24 Interface Preview
Problem / workflow

Users needed to search through travel options and move from discovery to a confirmed hotel or flight booking without unnecessary friction.

Frontend contribution

I built the frontend search and booking experiences for both hotels and flights, including the flows connecting discovery, selection, and confirmation.

Key decisions

I kept the booking journey consistent across different travel products and prioritized clear information hierarchy at each decision point.

TypeScript · Next.js · React · Tailwind CSS · ShadCN
04 /

Glyph

A local-first, keyboard-driven Markdown editor built for focused writing.

Glyph Interface Preview
Problem / workflow

Developers needed a focused Markdown environment without accounts, cloud infrastructure, or unnecessary complexity.

Frontend contribution

I designed and built the editor around local persistence, Vim-style navigation, multiple files, command actions, rich Markdown editing, and Markdown/PDF export.

Key decisions

I chose a local-first architecture and keyboard-driven interaction model to keep the product fast, private, and usable without an account.

TypeScript · Next.js · React · Tailwind CSS · Tiptap · Zustand
05 /

Zarvantrip

A hotel-booking platform designed to streamline the journey from destination search to reservation.

Zarvantrip Interface Preview
Problem / workflow

Users needed to quickly find suitable hotels, understand availability, and complete reservations through a multi-step booking process.

Frontend contribution

I built the frontend search and booking flow, including hotel discovery, selection, availability, and checkout.

Key decisions

I reduced unnecessary steps and maintained a consistent flow between search, hotel details, availability, and checkout.

TypeScript · Next.js · React · Tailwind CSS · ShadCN
06 /

Finance System

An internal finance system for managing project contracts, revenue splits, and financial reporting.

Finance System Interface Preview
Problem / workflow

The team needed a centralized system for tracking project finances and developer revenue percentages without relying on fragmented manual processes.

Frontend contribution

I built the frontend system for organizing financial data, project contracts, developer percentages, and reporting workflows.

Key decisions

I prioritized structured data presentation and reusable interfaces so financial information could be reviewed and managed efficiently.

TypeScript · Next.js · React · Tailwind CSS · RadixUI
07 /

Relog

An AI-powered release-note generator that turns GitHub commits into structured release notes.

Relog Interface Preview
Problem / workflow

Creating release notes manually is repetitive, especially when meaningful changes are scattered across a repository's commit history.

Frontend contribution

I built the workflow for fetching public GitHub commits, categorizing changes with AI, editing the generated Markdown in real time, and exporting the result.

Key decisions

I combined automated categorization with a real-time editor instead of fully automating the final output, keeping developers in control of the release notes.

TypeScript · Next.js · React · Tailwind CSS · AI Integration
08 /

EvolveOS

A local-first personal workspace combining journaling, habits, tasks, and daily planning.

EvolveOS Interface Preview
Problem / workflow

Personal productivity workflows can become fragmented when journaling, habits, tasks, and planning live across separate applications.

Frontend contribution

I built a unified workspace that brings these workflows together while remaining offline-friendly and locally focused.

Key decisions

I chose a local-first architecture to minimize friction, keep personal data close to the user, and make the core experience available without relying on a backend.

TypeScript · Next.js · React · Tailwind CSS
09 /

Brainmark

A bookmark manager focused on remembering why links were saved and resurfacing useful knowledge.

Brainmark Interface Preview
Problem / workflow

Traditional bookmark managers preserve links but often lose the context and reasoning behind why something was worth saving.

Frontend contribution

I built a bookmarking workflow that captures the reasoning behind saved links and resurfaces them over time using spaced-repetition principles.

Key decisions

I treated bookmarks as knowledge rather than simple URLs, making the user's reasoning part of the saved information and the resurfacing experience.

TypeScript · Next.js · React · Tailwind CSS
10 /

Persian Bank (React)

An open-source React utility for identifying Iranian banks from card numbers and IBANs.

Problem / workflow

Developers repeatedly need to identify Iranian banks from financial identifiers and often have to implement this logic themselves.

Frontend contribution

I built a reusable React utility that identifies banks from card numbers and IBANs and provides the corresponding bank information and icons.

Key decisions

I packaged the functionality as a reusable open-source utility so the same bank-identification logic could be integrated into different React applications.

TypeScript · React
02 - Capabilities

What I can build

Existing React / Next.js products

Join an established codebase, improve the frontend, address UX friction, modernize components, and ship incremental changes without rewriting what already works.

SaaS & web applications

Product interfaces for real workflows: complex state, authentication, forms, data, and the everyday use cases that make an app dependable.

Dashboards & internal tools

Interfaces for teams working with data, permissions, tables, filters, forms, and operational workflows.

Landing pages

Fast, responsive marketing pages that explain a product clearly and guide visitors to the next step without unnecessary complexity.

E-commerce

Product experiences across browsing, filtering, and checkout-ready frontend flows.

Booking platforms

Clear scheduling and booking flows that reduce friction from discovery through confirmation.

03 - How I work

Good frontend work
is more than writing components.

Understand the product

I start with what users need to accomplish, what is already in place, and what a useful release needs to deliver.

Keep complexity where it belongs

I favor clear interfaces and direct architecture, so the product is easier to understand and change.

Build for real use

Responsive behavior, loading and error states, edge cases, accessibility, and performance are part of the work—not cleanup for later.

Communicate clearly

I make decisions visible, surface questions early, and keep progress easy to follow across time zones.

Ship, then improve

I aim for a useful, dependable first release, then improve it with what the product and its users teach us.

04 - Experience

Experience

Frontend Developer · Sevin Team

Contracts · remote · 01/10/2023 - Present

Built production frontend experiences for real-world products, turning product requirements and UI designs into responsive React interfaces. Worked closely with the team to ship features, improve existing experiences, and maintain frontend quality.

Frontend Developer · Independent

Contracts · remote · 01/09/2020 - Present

Build production-ready frontend applications for startups, teams, and independent products. Work across existing APIs, authentication flows, component systems, and codebases using React, Next.js, TypeScript, and Tailwind CSS.

05 - Skills

Technical toolkit

Frontend

React · Next.js · TypeScript · JavaScript · HTML · CSS

UI & Styling

Tailwind CSS · shadcn/ui · Responsive Design · Accessibility · Motion

State & Data

Zustand · TanStack Query · Axios · REST APIs

Forms & Validation

React Hook Form · Zod

Frontend Engineering

Performance · SEO · Component Architecture · API Integration · Authentication

Tooling

Git · GitHub · Vite · npm · Vercel

06 - Contact
Have a frontend problem
to solve?

Tell me what you're building, what is already in place, and where you need help. I'll take a look and get back to you.