/astria-bridge-web-app

Astria Bridging

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Astria BridgePage Web App

This directory contains the source code and tooling for the front-end for the Astria bridge.

web application directory structure

  • public/index.html
    • html meta stuff, import styles and fonts
    • define React root element
  • src/index.tsx
    • React application setup
    • import styles
  • src/App.tsx
    • main application component
    • define routes
    • use context providers
  • src/chainInfos - Celestia and Astria chain information
  • src/components - React components
  • src/contexts - React context definitions
  • src/pages
    • React components for each page
    • src/pages/Layout.tsx
      • page layout component using <Outlet />
      • contains <Navbar />, <Notification />
  • src/providers - React context provider definitions
  • src/services
    • api services
    • Keplr services
    • IBC services
    • 3rd party wrappers
  • src/styles
    • all style definitions
    • using scss
    • using bulma css framework
  • src/types - type definitions
  • src/utils - utility functions

Commands

# install npm deps and run web app locally
just install-web-deps
just generate-initial-web-env
just run-web-local

# build web app static files
just build-web