Hatef.

Projects

Product work is strongest when it shows the surface and the system behind it. Open-source work is strongest when it names the engineering problem clearly.

Selected Product Work

Visual proof and concrete implementation depth for user-facing products.

Flagship build in progress

Finance Learning Platform preview

Finance Learning Platform

A flagship product concept for people learning markets from scratch, combining guided learning paths, practice environments, and decision support into a single product surface.

  • Simulation systems, progression logic, and coaching-style workflows were designed as one operating model instead of separate tools.
  • The product is being used as a proving ground for onboarding, retention, and monetizable utility design in a finance-heavy domain.
  • Interface and system choices are being shaped together so the learning flow stays understandable under real product constraints.
Next.jsTypeScriptFirebaseD3.js

Live product

Live ↗
mamanfari.com preview

mamanfari.com

A bilingual recipe platform for a Persian food brand, built to support localized content, editorial publishing, and a companion iOS experience from the same core codebase.

  • Multilingual publishing was treated as product infrastructure, not a late translation layer.
  • The content workflow was built for an editor-maintained brand site rather than a developer-only content pipeline.
  • A companion iOS wrapper extends the same product surface beyond the web, which makes the work feel operational and real.
Next.jsTypeScripti18nCapacitor

Open Source and Developer Tools

Technical notes for tools where the engineering tradeoffs matter more than the visuals.

Open Source

ts-time-utils

A TypeScript utility library for date and time handling, packaged with a browser playground so the API can be explored before adoption.

Technical notes

  • Problem: make parsing, formatting, and timezone manipulation easier to reason about before code reaches production.
  • Technical notes: the browser playground reduces adoption friction by letting developers inspect behavior before installation.
  • Usage context: this is developer tooling designed to make awkward date-time logic less error-prone in application code.
TypeScriptnpmOpen Source
Open Source

serverless-contact-form

An open-source serverless contact backend for teams that want form delivery without managing their own application server.

Technical notes

  • Problem: give static or low-maintenance sites a contact backend without requiring a permanently running app server.
  • Technical notes: the deployment model is centered on AWS Lambda, which keeps the hosting footprint small and operationally simple.
  • Usage context: this works best as an infrastructure shortcut for teams that want low-friction form handling.
TypeScriptAWS LambdaOpen Source