What does Dor Josef specialize in?

Frontend-heavy full-stack development: complex forms, dashboards, API integrations, document workflows, and production web applications with Angular, React, TypeScript, and .NET.

What technologies does Dor Josef use?

Angular, React, Next.js, TypeScript, .NET, Node.js, FastAPI, MongoDB, Azure, Docker, PWA tooling, TanStack Query, NgRx, and accessible UI patterns.

Where can I see Dor Josef's projects?

Browse case studies at dorjosef.com/projects — including BabyFlow Tracker (offline PWA), local LLM tooling, Stable Diffusion pipelines, and Web Bluetooth utilities.

How can I contact Dor Josef?

Use the contact form at dorjosef.com/#connect, connect on LinkedIn, or download the resume from the portfolio homepage.

What kind of roles is Dor Josef a fit for?

Full-stack and frontend engineer roles where shipping maintainable product UI, integrating APIs, and owning delivery from design handoff to deployment matter.

Dor Josef

I build production-ready web systems with Angular, React, TypeScript, and .NET.

Frontend-heavy full-stack developer focused on complex forms, dashboards, API integrations, document workflows, and maintainable business applications across Angular, React, .NET, Node.js, Azure, and MongoDB.

View Work Start Conversation Download Resume LinkedIn

Developer cockpit

System status

Open to full-time roles & collaboration

Current focus

Full-stack delivery
Production web apps with React & Next.js
Complex forms, dashboards, and API integrations

Core stack

TypeScript
React
Next.js
Node.js
MongoDB

Frontend strengths

Component architecture & responsive UI
State management (Redux, Zustand, TanStack Query)
Accessible forms and interaction states

Backend & systems

Node.js / Express APIs
MongoDB data flow
AWS Lambda & Serverless deployments

Workflow & tooling

Git / GitHub
Vite
Vercel
Render
npm / Bun

$ stack --primary

> react next typescript node

$ deploy --target vercel render

> status: production-ready

Capabilities

What I bring to product teams

Frontend-heavy full-stack work across interfaces, APIs, and deployment — grounded in production web apps, not slide decks.

01 / Frontend Systems

Interfaces built for clarity and maintainability

Component architecture with React, Next.js, and Angular
Responsive UI, routing, and accessible forms
State management with Redux, NgRx, Zustand, and TanStack Query
TypeScript-first implementation patterns

02 / Full-Stack Delivery

End-to-end product shipping

Node.js / Express APIs with MongoDB
.NET APIs, Azure workers, and Cosmos DB data flows
AWS Lambda and Serverless deployments
Frontend-to-backend coordination

03 / Product UX

Clear user journeys and interaction design

Mobile-first responsive flows
Interactive dashboards with synced state
Data storytelling layouts for case studies
Collaborative playlist and queue workflows

04 / Web App Craft

Production-quality implementation

Performance-oriented React interfaces
Clean component structure and design tokens
Vercel and Render deployment pipelines
Preview environments for stakeholder feedback

05 / Data & Cloud

Data layer and deployment infrastructure

MongoDB, PostgreSQL, Azure Cosmos DB, and MySQL
Azure blob storage and Render/Vercel hosting
BI-driven product decisions from prior experience
SQL and analytics-oriented workflows

Work

Selected case studies

Real product and tooling work — mobile PWAs, local AI stacks, GPU image pipelines, and browser hardware APIs.

Full-stack PWALive

BabyFlow Tracker

A production-oriented PWA demonstrating real-world product engineering: auth, RBAC, offline sync, reminders, testing, deployment, and observability.

End-to-end monorepo with auth, RBAC, insights, Web Push reminders, bilingual UI, and CI/E2E coverage.

Newborn care logging with offline sync, caregiver roles, and Web Push reminders.

RoleSolo full-stack developer

FrontendReact 19 SPA with TanStack Router and 20+ file-based routes

SystemFastAPI REST API with 25+ v1 route modules and OpenAPI docs

React
TypeScript
TanStack Router
FastAPI
MongoDB
+2 more

Key decisions

HttpOnly cookie sessions instead of localStorage JWT storage
IndexedDB offline outbox for mutation queueing and ID remap after sync
Cloudflare Pages frontend with API on AWS Lightsail behind Caddy (ports 80/443 only)
External HTTP cron for reminder push dispatch in production

Frontend work

React 19 SPA with TanStack Router and 20+ file-based routes
IndexedDB offline outbox with sync-on-reconnect and client ID remapping
HttpOnly cookie auth client with CSRF headers and silent refresh
PWA install manifest, shortcuts, and service worker reminders
English/Hebrew i18n with RTL and voice log via Web Speech API

Backend & system work

FastAPI REST API with 25+ v1 route modules and OpenAPI docs
MongoDB repository layer with JWT cookie auth and owner/caregiver/viewer RBAC
Web Push reminders (VAPID) with secured external cron job endpoint
Production on AWS Lightsail: Docker Compose stack with Caddy reverse proxy/TLS, backend API, and Redis
Observability on the VPS: Prometheus, Loki/Promtail, Grafana, Node Exporter, and cAdvisor
GitHub Actions CI: pytest (70% coverage gate), Vitest, and Playwright E2E

Full tech stack

React
TypeScript
TanStack Router
FastAPI
MongoDB
PWA
Playwright

Case study View live View source

Local-first AI stackIn progress

Local-First AI Chat

Technical lab exploring local AI workflows, typed contracts, streaming UX, and Docker-based development environments.

Working local MVP with typed API contracts, Alembic migrations, SSE streaming, and automated Vitest, Playwright, and pytest coverage.

Chat with local models, persisted sessions, and Docker-backed Ollama inference.

RoleSolo developer

FrontendTanStack Start chat UI with session sidebar, SSE streaming, and optimistic messages

SystemFastAPI layered routes, services, repositories, and Alembic migrations

TanStack Start
React
FastAPI
PostgreSQL
+3 more

Key decisions

Docker Compose brings up the full backend stack with one `bun run local:start` command
Shared `@local/shared` package keeps frontend and backend request shapes aligned
SSE streaming with optimistic UI instead of waiting for full completion responses

Frontend work

TanStack Start chat UI with session sidebar, SSE streaming, and optimistic messages
Three-column layout with mobile drawers and react-virtual for long transcripts
OpenAPI codegen into shared TypeScript contracts
Roleplay template management route with CRUD forms

Backend & system work

FastAPI layered routes, services, repositories, and Alembic migrations
PostgreSQL + pgvector for chat and embedding metadata; MinIO for image binaries
Ollama client with model allowlist and optional CrewAI orchestration backends
Docker Compose stack: Ollama, PostgreSQL, MinIO, API, and model pull jobs

Full tech stack

TanStack Start
React
FastAPI
PostgreSQL
Ollama
Docker
TypeScript

Case study View source

Local ML workspaceIn progress

Local LLM To Image

Local image-generation lab combining a React studio UI, FastAPI GPU orchestration, canvas preprocessing, and typed multipart API flows.

Prompt, preprocess, generate, and review images on localhost with no cloud inference in the default architecture.

Stable Diffusion text-to-image and image-to-image with preprocessing tools.

RoleSolo full-stack developer

FrontendReact dashboard for generation, gallery, runtime diagnostics, and image-to-image editor

SystemFastAPI routes with subprocess `diffusers` runner in a dedicated model venv

React
TypeScript
FastAPI
Stable Diffusion
+3 more

Key decisions

Isolate GPU inference in a subprocess/venv so the API stays fast and testable
Allowlisted model IDs instead of arbitrary filesystem paths from the client
Split instant browser edits from heavier Pillow tools before image-to-image runs

Frontend work

React dashboard for generation, gallery, runtime diagnostics, and image-to-image editor
Canvas-based crop/color preprocessing plus server-side Pillow tool endpoints
Typed API client for JSON and multipart flows with Vitest component coverage

Backend & system work

FastAPI routes with subprocess `diffusers` runner in a dedicated model venv
Generation lock and CUDA OOM retry with smaller preset sizes
Optional API key, CORS origin checks, and upload validation for local-but-exposed use
Filesystem output storage under `outputs/generated`

Full tech stack

React
TypeScript
FastAPI
Stable Diffusion
Pillow
Vitest
pytest

Case study View source

Browser utilityLive

BLE LED Strip Controller

Browser hardware-control experiment using Web Bluetooth, serialized GATT commands, and accessible UI states.

Deployable single-file web app with CI static tests and a GitHub Pages workflow; pairs directly with hardware over Web Bluetooth.

Control BLE LED strips from Chrome or Edge with multi-protocol debugging.

RoleSolo developer

FrontendPetite-Vue reactive UI with iro.js color wheel and responsive glassmorphism layout

SystemNo backend — GitHub Actions CI with zero npm install static tests

Web Bluetooth
Petite-Vue
Tailwind CSS
iro.js
+2 more

Key decisions

Single HTML file with no build step for trivial static hosting and direct device control
Throttled and serialized BLE writes to avoid overlapping GATT operations

Frontend work

Petite-Vue reactive UI with iro.js color wheel and responsive glassmorphism layout
Web Bluetooth pairing, GATT discovery, throttled writes, and serialized command chain
Pluggable protocol profiles, channel order, and debug panel with storage CRUD
Accessibility hooks: aria-live, aria-label, labeled inputs

Backend & system work

No backend — GitHub Actions CI with zero npm install static tests
GitHub Pages deploy publishes `src/` directly with no build step

Full tech stack

Web Bluetooth
Petite-Vue
Tailwind CSS
iro.js
GitHub Pages
GitHub Actions

Case study View live View source

Full-stack prediction markets UIIn progress

Bolymarket

A Polymarket-style markets browser built on Next.js 16, wiring real Gamma/CLOB/Data API feeds through server caches into a Jotai + React Query frontend with WebSocket live prices and Recharts history.

Deployed on Vercel with 7 user routes, 7 REST API routes, home/category/event-detail flows, live price updates, CLOB-backed charts with simulated fallback, bookmarks, dark mode, mobile chrome, Swagger API docs, and a large Vitest suite. Trading, wallet connect, and real auth are intentionally visual-only.

Browse trending, crypto, sports, and politics markets; open event detail with live charts and simulated order ticket — no wallet required.

RoleSolo full-stack developer

FrontendBuilt 7 App Router pages: /, /crypto, /sports, /sports/live, /politics, /event/[slug], /api-docs

SystemImplemented 7 Next.js BFF routes proxying Gamma, CLOB, Data API, sports live, and related news

Next.js
React
TypeScript
Tailwind CSS
+5 more

Key decisions

React Query for structural event data, Jotai atom families for live prices — prevents tick-driven query invalidation
BFF API routes instead of direct browser calls — centralizes validation, caching, and upstream shape handling
Polymarket activity WebSocket with 2s simulation fallback in auto mode — UX without full CLOB order book
Per-outcome outcomePriceAtomFamily with RAF coalescing — minimizes re-render scope on price ticks
Recharts fed by CLOB history with generateChartData simulated fallback when upstream is sparse
IndexedDB persistence for React Query via @tanstack/react-query-persist-client and idb-keyval

Frontend work

Built 7 App Router pages: /, /crypto, /sports, /sports/live, /politics, /event/[slug], /api-docs
Implemented Polymarket-faithful app chrome: TopBar, CategoryNav, Footer, MobileBottomNav, search toolbar
Split state: Jotai for filters/bookmarks/theme/live prices; TanStack React Query for events and chart history
Rendered BinaryCard, MultiOutcomeCard, SportsMatchCard, featured carousel, and category page layouts
Built event detail with Recharts PriceChart, timeframe toggles, related news, share/embed, visual OrderTicket
Wired live prices via shared livePriceEngineManager with leaf-only subscriptions and reduced-motion support
Styled with Tailwind CSS v4 semantic tokens, dark mode, and Motion for modal transitions
Added debounced client search, localStorage bookmarks, and URL-synced category navigation

Backend & system work

Implemented 7 Next.js BFF routes proxying Gamma, CLOB, Data API, sports live, and related news
Normalized all upstream responses with Zod schemas; thin route handlers delegate to lib/api modules
Added server-side caching with optional Redis (REDIS_URL) and in-memory fallback
Built GDELT news fetch with OkSurf fallback and 5-minute server cache
Published OpenAPI 3.0 spec at /api/openapi with Swagger UI at /api-docs
Configured Next.js image remotePatterns for Polymarket CDN assets
Deployed on Vercel (bun install --frozen-lockfile, bun run build); no CI workflow in repo
Env vars: REDIS_URL (optional), NEXT_PUBLIC_LIVE_PRICE_MODE (auto | websocket | simulation)

Full tech stack

Next.js
React
TypeScript
Tailwind CSS
TanStack Query
Jotai
Recharts
Vitest
Zod

Case study View live View source

Previous portfolioLive

Data Analyst Portfolio Website

Content-first portfolio SPA demonstrating schema-validated JSON pipelines, searchable case studies, visualization galleries, and static deployment with minimal serverless routing.

Published portfolio with five case-study pages, project search/filter, plot galleries, contact flow, SEO metadata, and Vercel static + serverless deployment.

React SPA with Zod-validated JSON content, project search/filter, plot galleries, and Vercel static + serverless deployment.

RoleSole developer — React/TypeScript SPA architecture, JSON/Zod content pipeline, Zustand stores, Theme UI design system, Vercel deployment wiring, and minimal serverless geo-block route.

FrontendReact 19 + TypeScript + Vite SPA with lazy-loaded routes

SystemMinimal Vercel serverless handler for GET /api/geo-block

React
TypeScript
Vite
Bun
+10 more

Key decisions

Used JSON + Zod instead of a CMS/database to keep content git-reviewable and statically deployable
Kept backend scope intentionally minimal — only serverless code where secrets must remain server-side
Used Zustand as a lightweight access layer over validated static content
Lazy-loaded routes and heavier UI pieces to keep the SPA structure cleaner
Used Vercel to deploy a static frontend and one serverless route from the same repo

Frontend work

React 19 + TypeScript + Vite SPA with lazy-loaded routes
Theme UI design system with light/dark mode
Searchable and filterable project grid
Project detail pages with case-study structure and plot carousel
Static content pipeline using JSON, Zod schemas, and Vite asset resolution
Contact page with React Hook Form, Getform submission, clipboard copy, and resume download
SEO metadata with react-helmet-async, sitemap, robots, and Vercel Speed Insights
Accessibility details including skip link, reduced-motion styles, and ARIA feedback states

Backend & system work

Minimal Vercel serverless handler for GET /api/geo-block
Abstract API IP geolocation used server-side so the API key stays private
Vercel routing that sends /api/* to the serverless handler and the rest to the static frontend
Client-side Getform submission for contact messages

Full tech stack

React
TypeScript
Vite
Bun
React Router
Zustand
Theme UI
React Bootstrap
Framer Motion
Zod
React Hook Form
Vercel
Abstract API
Getform

Case study View live View source

About

Frontend-heavy engineer shipping production web apps with clear user flows and maintainable code.

Frontend-heavy engineer shipping production web apps with Angular, React, TypeScript, and .NET.

I work across Angular, React, Next.js, and TypeScript — component architecture, responsive UI, accessible forms, and state management with NgRx, Redux, Zustand, and TanStack Query. On the backend I ship .NET, Node.js, and FastAPI services with MongoDB, Azure, and Docker-based deployment.

Years in BI and quality engineering sharpened how I translate data into product decisions and build dependable delivery processes alongside designers, PMs, and engineers.

View Work Start Conversation

Experience

iSure
Full Stack Developer
Early-stage fintech startup; worked directly with the founder on a production-oriented insurance/pension platform.
- Full-stack development across Angular, .NET, Azure, Cosmos DB, and document-heavy fintech workflows.
- Contributed to an Angular SPA with NgRx, Angular Material, ngx-translate, JWT auth guards/interceptors, and feature modules for user dashboards, profile flows, and complex form journeys (Event1800).
- Contributed to a .NET 8 backend organized around Domain, Application, Infrastructure, and Persistence layers, with ASP.NET Core API, workers, Azure Functions, and Meslaka event flows.
- Worked with Azure-based data and infrastructure including Cosmos DB, blob/file storage, Key Vault, Application Insights, and Serilog observability.
- Prepared architecture documentation covering frontend, backend, and data boundaries to support understanding, maintenance, and evolution of the platform.
Architecture documentation
Frontend architecture
Angular SPA hosted by ASP.NET Core web host
NgRx Store/Effects with core/shared/features module boundaries
Angular Material + SCSS styling
ngx-translate localization
JWT auth, guards, and HTTP interceptors
Forms domain including Event1800 and related sub-form flows
Playwright E2E with authenticated storage state
Backend architecture
.NET 8 layered solution: Domain, Application, Infrastructure, Persistence
ASP.NET Core REST API composition root
Background workers and event listeners
Azure Functions worker for event processing
Azure Key Vault, Serilog, and Application Insights
Meslaka event orchestration and forms/PDF generation
Reconciliation and background job flows
Data architecture
Azure Cosmos DB via EF Core Cosmos provider
Blob/file storage for large artifacts, snapshots, and templates
Directory / GlobalIdentities / Catalog subsystem via Cosmos SDK
ActivitiesV2 workflow log documents
PlanDetails aggregates and PlansStatistics
Yields data ingestion and blob-backed datasets
- Angular
- TypeScript
- NgRx
- RxJS
- Angular Material
- .NET 8
- ASP.NET Core
- Azure
- Cosmos DB
- Azure Blob Storage
CereBI
Full Stack Developer (Internship)
Jul 2025 - Oct 2025
- Delivered a full stack product using Vite, TypeScript, React, Tailwind, and TanStack Query on the frontend.
- Automated AWS Lambda deployments with Serverless, wired API Gateway routes, and connected MongoDB for persistent data.
- Vite
- TypeScript
- React
- Tailwind
- TanStack Query
- AWS Lambda
- Serverless
- MongoDB
S.J. Metal Technologies LTD
BI Analyst & Quality Engineer
2016 - 2024
- Led BI initiatives that re-engaged inactive customers by 5% and increased monthly revenue 10%.
- Managed ISO 9001:2015 compliance, conducted audits, and partnered with clients to elevate product quality.

Stack

Production tooling & technologies

The languages, frameworks, and platforms I use to ship frontend-heavy full-stack web apps.

Frontend

Languages

JavaScript (ES6+)
TypeScript
HTML
CSS
SCSS

Frameworks

React.js
Next.js
Angular

Styling

Tailwind CSS
Bootstrap
Theme UI

Client libraries

Redux
NgRx
RxJS
Zustand
TanStack Query

Backend

Node.js
Express.js
.NET
TSOA
FastAPI

Data & Cloud

Databases

MongoDB
PostgreSQL
MySQL
Azure Cosmos DB
SQL

Cloud providers

Render
Vercel
Azure
AWS
Cloudflare Pages
GitHub Pages

Workflow & Tooling

Git
GitHub
npm
Bun
Vite
Playwright

Quick facts

Frequently asked questions

What does Dor Josef specialize in?: Frontend-heavy full-stack development: complex forms, dashboards, API integrations, document workflows, and production web applications with Angular, React, TypeScript, and .NET.
What technologies does Dor Josef use?: Angular, React, Next.js, TypeScript, .NET, Node.js, FastAPI, MongoDB, Azure, Docker, PWA tooling, TanStack Query, NgRx, and accessible UI patterns.
Where can I see Dor Josef's projects?: Browse case studies at dorjosef.com/projects — including BabyFlow Tracker (offline PWA), local LLM tooling, Stable Diffusion pipelines, and Web Bluetooth utilities.
How can I contact Dor Josef?: Use the contact form at dorjosef.com/#connect, connect on LinkedIn, or download the resume from the portfolio homepage.
What kind of roles is Dor Josef a fit for?: Full-stack and frontend engineer roles where shipping maintainable product UI, integrating APIs, and owning delivery from design handoff to deployment matter.

Connect

Get in touch

Open to full-time Full Stack / Frontend-heavy roles in Israel or remote-friendly teams.

Best fit: Angular, React, TypeScript, .NET, Node.js, complex forms, dashboards, and business systems.

Download CV View GitHub Contact on LinkedIn

Phone:+972 52-822-0780

Email:Mr.DorJosef@gmail.com