Celatone Frontend

An explorer for a CosmWasm-powered Cosmos ecosystem.

Development

Stack

The Celatone frontend uses the following technologies:

• Language: TypeScript
• Framework: React & Next.js
• Components: Chakra UI
• Deployment: Vercel

Prerequisites

1. Node.js (version >= 18) or using node version manager nvm (recommended, installation guide for nvm here).

Develop

1. Clone the project either using the standard Git CLI or the GitHub gh CLI

# Git CLI
git clone https://github.com/alleslabs/celatone-frontend

# gh CLI
gh repo clone alleslabs/celatone-frontend

2. Install the dependencies

# Navigate to the cloned repository
cd celatone-frontend
# Install dependencies
pnpm i

3. Create a .env.local file in the root of the project and add the following environment variables

# The mnemonic of the wallet that will be used for estimate gas fees
NEXT_PUBLIC_DUMMY_MNEMONIC="your mnemonic here"
NEXT_PUBLIC_SUPPORTED_CHAIN_IDS=osmosis-1,osmo-test-5
NEXT_PUBLIC_CELATONE_API_OVERRIDE=http://localhost:8080

4. Finally, run the development server

pnpm dev

The website will then be live on http://localhost:3000