Skip to main content

OLENADANYKH

  • Senior Frontend Engineer · Full-Stack Developer
  • React / TypeScript
  • Next.js
  • NestJS / Node
  • Azure

Building production-grade SaaS products from architecture through launch, with six years of experience across startups, consulting, enterprise environments, and independent projects.

6+

Years engineering

0→1

SaaS platform shipped

Lead

Frontend architecture

Full-stack

APIs · Auth · Data

Joined SourceIQ as a frontend developer and architected the React + TypeScript application from zero. Promoted to Technical Lead, I owned the frontend architecture and core systems, taking the product from its first components through a production-ready application.

Figures obscured; selected screens and product details omitted due to confidentiality.

Ownership
Frontend architecture end-to-end — application shell, state, data layer, and the component system it's built on.
Scope
Authenticated product surfaces for admin and standard accounts, spanning dashboards, analytics, and collaboration tools.
Leadership
Promoted from frontend developer to Technical Lead; involved in hiring and technical interviews as the team grew.
Collaboration
Worked directly with backend, product, and design to take the platform from architecture to public launch.

A typed system built to scale with the team

The application is built on a typed component system shared across every surface, sitting inside an authenticated shell where role-based access control drives both routing and rendering. A silent token-refresh layer keeps long sessions alive without interrupting the user — sessions survive tab switches, idle time, and slow networks without a forced re-login.

app.sourceiq.io/overview
SourceIQ application shell showing the sidebar navigation, account metric tiles, and budget cards, with data values obscured
SourceIQ — account overview
app.sourceiq.io/admin
SourceIQ admin surface showing account management tables, with data values obscured
SourceIQ — admin surface

What the callouts show

  1. Role-based application shell — navigation, permissions, and available surfaces all resolve from the signed-in account's role.
  2. Multi-tenant data scoped per account — every metric, table, and chart reflects only the signed-in account's own data.
  3. Analytics and collaboration surfaces — Chart.js over NestJS endpoints for reporting, WebSockets and Azure Communication Services for chat, presence, and file sharing.

Engineering challenges

  • Keeping sessions unbroken across long workdays with silent token refresh and a queued-request interceptor that holds calls during a refresh instead of failing them.
  • Serving admin and standard account surfaces from one codebase without ever leaking privileged routes or data to a standard account.
  • Building resumable multi-step flows and onboarding that pick up where a user left off, even after a reload.
  • Scaling a shared component library as the team grew, without every new feature reinventing its own inputs, tables, and modals.

What I built

Architecture
  • Typed component library
  • Application shell & routing
  • State & data layer
Access & identity
  • Role-based access control
  • Silent token refresh
  • Multi-tenant data scoping
Product surfaces
  • Analytics dashboards
  • Real-time chat & presence
  • Multi-step onboarding

Technical Lead

Promoted from frontend developer

Hiring

Involved in interviews as the team grew

Architecture

Owned frontend architecture end-to-end

Technology

  • React 18
  • TypeScript
  • Redux Toolkit
  • React Query
  • Chart.js
  • WebSockets
  • Azure Communication Services
  • NestJS
  • REST APIs
  • JWT / RBAC
  • Azure App Services
  • GitHub Actions
  • CI/CD

Current build · Case study

Dealership Platform

A full vehicle commerce application — dealership inventory, an auction marketplace built on external auction data, authenticated accounts with a personal My Garage, and an admin back office to run it all.

dealership.olenadanykh.com
Dealership Platform home page showing the search card that switches between dealership inventory and auction sourcing
Dealership Platform — home
  • Next.js
  • TypeScript
  • Supabase
  • PostgreSQL
  • Vercel
  • Auth & RBAC
  • Google Maps
  • Third-party auction APIs
  • Admin tooling
Explore project

Enterprise engineering for large-scale client environments.

Selected Work

Selected work · Enterprise SaaS

Analytics Dashboard

A metrics-first workspace for teams managing multiple organizations — filterable KPIs, a trend chart, and a searchable organizations table in one dense, navy-and-blue console.

Role
Solo design & build
Key work
Sidebar navigation, KPI tiles, trend chart, organizations table
  • React
  • TypeScript
  • Chart.js
  • Design systems
Overview
Organizations
Reports
Settings
Last 30 daysAll regionsActive only

MRR

$84.2k

+4.1%

Active orgs

312

+12

Churn

1.8%

Seats used

2,140

+96

Revenue trend

OrganizationPlanSeatsMRR
Northwind FreightGrowth48$4,200
Solace Pool Co.Starter6$420
Ashgrove ContractingGrowth22$1,980

Selected work · Client-facing platform

Client Portal & Admin

A warm, consumer-facing billing and request portal — clients track requests and pay invoices from the desktop app or straight from their phone.

Role
Solo design & build
Key work
Request tracking, status pills, invoicing, Stripe payment flow
  • React
  • TypeScript
  • Stripe
  • Responsive design
Client Portal

Balance due

$1,240

Paid this year

$8,960

Kitchen remodel — phase 2In progress
Bathroom fixturesAwaiting approval
Deck refinishingComplete

Invoices

Kitchen remodel$420
Bathroom fixtures$180

Technical Capabilities

01

Product Frontend

ReactTypeScriptNext.jsRedux ToolkitReact QueryComponent librariesResponsive & accessible UI

02

Application Architecture

Application shellsRole-based access controlMulti-tenant data scopingTyped component systemsState & data layer design

03

Real-Time Systems

WebSocketsPresence & chatAzure Communication ServicesLive data updates

04

Backend & APIs

NestJSNode.jsREST APIsPostgreSQLSupabaseJWT / RBAC

05

Infrastructure

Azure App ServicesVercelGitHub ActionsCI/CDEnvironment & release management

06

Integrations

StripeGoogle MapsThird-party data APIsAuth providersChart.js

How I Work

01

Understand

Learn the business, the users, and what the product actually needs to do.

02

Architect

Design the data model, application shell, and access control before writing feature code.

03

Build

Ship a typed, tested component system feature by feature, not a monolith all at once.

04

Integrate

Wire up auth, payments, and third-party data with the same care as first-party code.

05

Ship

Launch, monitor, and hand off a system the next engineer can actually maintain.

More selected work

Beyond product development, I design and build polished, high-performance web experiences for businesses and brands — hand-coded, mobile-first, no page builders.

danykhautogroup.com
Danykh Auto Group homepage
Danykh Auto Group homepage — additional screenshot
Danykh Auto Group homepage — additional screenshot
Danykh Auto Group homepage — additional screenshot
Danykh Auto GroupAutomotive dealership
lumieresaesthetics.com
Lumière Aesthetics homepage
Lumière Aesthetics homepage — additional screenshot
Lumière Aesthetics homepage — additional screenshot
Lumière AestheticsBeauty & wellness
eclatclean.com
Éclat Clean homepage
Éclat Clean homepage — additional screenshot
Éclat Clean homepage — additional screenshot
Éclat CleanHome services
maisonnoir.com
Maison Noir homepage
Maison Noir homepage — additional screenshot
Maison Noir homepage — additional screenshot
Maison NoirHospitality
Lumière Aesthetics homepage on mobile

Each build is designed for the phone first — the desktop layout follows from it.

Get in touch

Let's talk

Have a project in mind? Send a few details and I'll get back to you.

hello@olenadanykh.com
Currently

Building production software for teams that need it done right the first time.

SaaS MVPs, React and Next.js product development, dashboards, admin portals, booking and marketplace platforms, payments, authentication and API integrations.

Olena Danykh — Senior Front-End Engineer & Technical LeadPortfolio 2026