Dor Josef

I build frontend-heavy full-stack products that feel fast, clear, and production-ready.

TypeScript, React, and Next.js for interfaces, forms, and dashboards — with Node.js APIs, MongoDB, and deployment pipelines when the product needs them.

View Work Start Conversation

Developer cockpit

System status

Open to full-time roles & collaboration

Current focus

Frontend-heavy 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

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

View live View source

Local-first AI stackIn progress

Local-First AI Chat

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

View source

Local ML workspaceIn progress

Local LLM To Image

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

View source

Browser utilityLive

BLE LED Strip Controller

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

View live View source

Previous portfolioLive

Data Analyst Portfolio Website

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

View live View source

About

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

I work in React, Next.js, and TypeScript — component architecture, responsive UI, accessible forms, and state management with Redux, Zustand, and TanStack Query.

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 — scannable at a glance, no carousel required.

Frontend

JavaScript (ES6+)
TypeScript
HTML
CSS
SCSS
React.js
Next.js
Angular
Redux
NgRx
RxJS
Zustand
TanStack Query
Tailwind CSS
Bootstrap
Theme UI

Backend

Node.js
Express.js
.NET
TSOA
Python

Data & Cloud

MongoDB
PostgreSQL
MySQL
Azure Cosmos DB
SQL
Render
Vercel
Azure
GitHub Pages

Workflow & Tooling

Git
GitHub
npm
Bun
Vite
Playwright

Connect

Get in touch

I'm exploring full-time roles and collaboration opportunities where I can pair frontend craft with end-to-end delivery. Share your team or project context and I'll follow up with next steps.

Phone:+972 52-822-0780

Email:Mr.DorJosef@gmail.com

LinkedIn:linkedin.com/in/dor-josef

GitHub:github.com/dor-josef