web3Featured

Harbor Protocol

DeFi stablecoin protocol built on the Comdex (Cosmos) chain

Completed
Oct 2023
Category
web3
Tech Stack
17 Technologies
Solutions
4 Problems

Project Overview

Harbor Protocol is a decentralized stablecoin protocol built on the Comdex chain (Cosmos ecosystem). I worked on developing and maintaining the frontend interface, focusing on vault creation, collateral management, minting and repaying CMST, and providing a clear, reliable user experience for DeFi users.

Project Gallery

12 Images
Interactive

Loading...

Harbor Dashboard

Featured Screenshot

Protocol overview dashboard displaying key metrics such as TVL, CMST minted, emission status, and protocol performance.

1 of 12

Loading...

Harbor Assets Page
2

Loading...

Harbor Mint Vaults
3

Loading...

Mint Vault Details
4

Loading...

Harbor Auctions
5

Loading...

Harbor Emissions
6

Loading...

Harbor Governance
7

Loading...

Governance Proposal Details
8

Loading...

Harbor Locker
9

Loading...

Stake HARBOR
10

Loading...

My Positions
11

Loading...

Harbor Rewards
12
Click any image to view full sizeUse arrow keys to navigate
+7

Problems Solved

Designing clear UI flows for complex DeFi actions like vault creation, stablecoin minting, locker, auction and governance

Displaying real-time collateral ratios and protocol data without overwhelming users

Ensuring reliable frontend behavior during on-chain transactions

Improving onboarding UX for users interacting with DeFi for the first time

My Responsibilities

Developed and maintained frontend for multiple Harbor Protocol modules including Assets, Mint, Auction, Emission, Govern, Locker, and Rewards

Integrated CosmWasm smart contract queries and transactions using CosmJS

Implemented chain queries and transaction flows using Go-based Protobuf definitions

Built vault lifecycle flows including collateral deposit, CMST minting, repayment, and vault adjustments

Implemented auction interfaces for collateral, debt, and surplus auctions

Developed governance and emission voting interfaces with real-time voting power and proposal data

Worked closely with protocol engineers to ensure frontend logic aligned with on-chain behavior

Improved UI consistency, performance, error handling, and transaction state management

Technology Stack

ReactHighchartsReduxCosmos SDKCosmWasmCosmJSAnt DesignLeap WalletKeplr WalletKeplr MobileMetamask SnapsLedgerSCSSCoingecko APIMoment.jsWebsocketBignumber.js

Interested in this project?

I'd love to discuss the technical details, challenges, and solutions that went into building this project.