Table of Contents

Installation

git clone https://github.com/alleslabs/celatone-frontend.gitcd celatone-frontendpnpm install

Configuration

cp .env.example .env.local

# The mnemonic of the wallet that will be used for estimate gas feesNEXT_PUBLIC_DUMMY_MNEMONIC="your mnemonic here"NEXT_PUBLIC_SUPPORTED_NETWORK_TYPES=local,devnet,testnet,mainnetNEXT_PUBLIC_CHAIN=<chain-name>NEXT_PUBLIC_INITIA_API=http://localhost:8080NEXT_PUBLIC_CELATONE_API=http://localhost:8081# only use for non-initiaNEXT_PUBLIC_SCAN_API=http://localhost:8081# only use for initia

Running Locally

pnpm dev

Tech Stack

Project Structure

celatone-frontend/├── src/│   ├── components/        # Reusable React components│   ├── config/            # Configuration files and chain configs│   ├── hooks/             # Custom React hooks│   ├── lib/               # External library configurations│   ├── pages/             # Next.js pages and routing│   ├── stores/            # MobX state management│   ├── types/             # TypeScript type definitions│   ├── utils/             # Utility functions and helpers│   └── styles/            # Global styles and themes├── public/                # Static assets├── .env                   # Environment variables template├── next.config.js         # Next.js configuration├── package.json└── tsconfig.json          # TypeScript configuration

Scripts

pnpm build# Build production bundlepnpm dev# Start development serverpnpm start# Start production serverpnpmtest# Run test suitepnpm type-check# Run TypeScript type checkingpnpm lint# Run ESLintpnpm lint:fix# Fix ESLint issues and format codepnpm format# Format code with Prettierpnpm storybook# Start Storybook development serverpnpm build-storybook# Build Storybook for production

License