Logan Biesterfeldt

Portfolio

Logan Biesterfeldt

Senior Frontend Engineer — DeFi infrastructure & smart-contract UI systems

React · TypeScript · Next.js · CosmWasm · Injective

Open to opportunities
View workDownload résuméGitHub

About me

Senior frontend engineer building DeFi interfaces where on-chain state, wallet behavior, and contract execution must stay synchronized under live market conditions. I design and implement React and Next.js systems for lending, staking, and liquidity workflows with a focus on transaction reliability, low-latency data updates, and contract interface correctness across CosmWasm integrations.

Selected systems

Case studies & shipping scope

Neptune Finance

Frontend Lead / DeFi Interface Systems

Built and operated a production lending interface on Injective with contract-aware transaction flows, low-latency market data, and wallet-driven execution paths.

Live AppLanding Page

Role

Frontend Lead

Stack

Next.js, TypeScript, Tailwind, CosmWasm

Domain

DeFi / Lending / Liquidity

Scope

  • —Full frontend architecture
  • —Contract and wallet integration surfaces
  • —Smart contract integrations (Mito, Astroport)
  • —Staking, airdrop, and liquidity systems

Context

Neptune Finance is a DeFi lending protocol on Injective with CosmWasm contracts.
The frontend coordinates wallet actions, contract state, and market data to keep lending and liquidity flows correct during live transaction execution.

Problem Space

  • ✦On-chain and UI state can drift during pending transactions
  • ✦Market-sensitive screens require low-latency updates
  • ✦Multi-protocol flows introduce inconsistent contract interfaces
  • ✦Wallet signing and broadcast failures need explicit recovery paths

Approach

  • ✦Model transaction lifecycle states as first-class UI states
  • ✦Use reusable query and component primitives for protocol modules
  • ✦Align user actions to contract message boundaries
  • ✦Provide deterministic error and retry handling around wallet operations

Architecture & Implementation

Frontend

  • Modular component systemUsing Next.js + TS for robust structure.
  • Reusable UI primitivesTailwind-driven foundation for consistency.

Performance

  • MemoizationPreventing unnecessary re-renders in heavy data tables.
  • Render optimizationStreamlined React lifecycles for real-time tickers.

Data Layer

  • Onchain integrationInterfacing directly with CosmWasm contracts.
  • Unified multi-source dataAggregating indexing APIs, RPCs, and in-house databases.

Integrations

  • MitoAutomated trading vaults integration.
  • AstroportAMM liquidity pools and routing.

Feature Gating

  • Access controlNEPT staking-based tiered model.
  • ComplianceGeographic gating for regulatory requirements.

UX & Product Design

  • ✦Simplified multi-step flows
  • ✦Custom liquidity / LP UX patterns
  • ✦Clear user state visibility
  • ✦Designed for fast decision-making

Landing Pages

  • ✦Data-driven visuals (interest rates)
  • ✦Consistent product + marketing UX

Design System

  • ✦Custom Figma component library
  • ✦Consistent visual identity
  • ✦Reusable assets
  • ✦Midjourney-assisted exploration

Features

Lending / borrowing
Staking + NEPT token
Airdrops
Liquidity pools (Mito + Astroport)
Gated features
Landing pages

Feature Deep Dives

Impact

  • ✦Shipped lending, staking, airdrop, and pool workflows in production
  • ✦Improved transaction reliability through explicit state handling
  • ✦Standardized contract integration patterns across protocol modules

Improvements

  • ✦Add automated integration tests for contract message permutations
  • ✦Expand observability around failed and delayed transaction states
  • ✦Harden cache invalidation for high-frequency market updates

Experience

Representative roles, protocol work, and projects. Select an entry to open the full write-up above.

Professional Experience

Neptune Finance

  • React
  • TypeScript
  • Next.js
  • CosmWasm
  • Injective
  • Wallet interactions
  • Transaction reliability
  • Astroport integration
  • Mito integration
  • State synchronization

Protocol / Ecosystem

stakefish / f2pool

  • Protocol education
  • Validator workflows
  • Staking operations
  • Cross-chain documentation

Professional Experience

Open Source Contributions

  • TypeScript
  • React
  • CW3 Multisig
  • Injective SDK
  • Caching
  • Transaction pipeline

Professional Experience

Cryptech Developments Ltd.

  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Frontend architecture
  • Component systems

Protocol / Ecosystem

All About Blockchain

  • TypeScript
  • React
  • Next.js
  • Figma
  • Tailwind
  • Vercel
  • Cosmos
  • Injective

Protocol / Ecosystem

Cosmoverse 2023 / Hackathons

  • React
  • TypeScript
  • Cross-chain flows
  • Wallet interactions
  • Protocol integrations

Projects

Personal Projects

  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Vercel

Stack

Tools and domains I work across most often.

Frontend Systems

React · TypeScript · Next.js · Tailwind CSS · Component architecture

On-Chain Integration

CosmWasm contracts · Injective SDK · Wallet interactions · Transaction flows · Contract interface alignment

Data and Performance

State synchronization · RPC/indexer aggregation · Caching · Render optimization · Reliability patterns

Delivery

Technical scoping · Cross-functional execution · Design system implementation · Production deployment

Let's talk

Links

github.com/1biestnept.finance

Social

Résumé

© 2026 Logan Biesterfeldt