Skip to content

README.md

Latest commit

 

History

History
105 lines (78 loc) · 2.97 KB

README.md

File metadata and controls

105 lines (78 loc) · 2.97 KB

@mosaic/ui

Web interface for managing Token-2022 tokens with extensions.

Purpose

A beautiful and modern web application for creating and managing Token-2022 tokens:

  • 🎨 Modern UI: Beautiful, responsive interface built with best UX practices
  • 🪙 Token Creation: Visual workflow for creating stablecoins and arcade tokens
  • 🔧 Token Management: User-friendly token management interface
  • 📋 SRFC Management: Visual management of allowlists and blocklists
  • 🔗 Wallet Integration: Seamless Solana wallet connectivity

Features

Token Creation Wizard

  • Step-by-step token creation process
  • Template selection (Stablecoin vs Arcade Token)
  • Extension configuration with visual guides
  • Real-time preview of token properties

Token Management Dashboard

  • Overview of all created tokens
  • Token balance and supply information
  • Extension status indicators
  • Quick actions for common operations

SRFC List Management

  • Visual allowlist/blocklist editor
  • Batch address management
  • Import/export functionality
  • Search and filter capabilities

Wallet Integration

  • Support for popular Solana wallets
  • Connection status indicators
  • Transaction history
  • Account switching

Planned Tech Stack

Frontend Framework

  • React 18 with TypeScript
  • Next.js 14 for SSR and routing
  • Tailwind CSS for styling
  • Framer Motion for animations

Solana Integration

  • @solana/wallet-adapter for wallet connectivity
  • @solana/web3.js for blockchain interactions
  • @mosaic/sdk for token operations

UI Components

  • ShadCN UI for accessible components
  • Lucide React for icons
  • React Hook Form for form management
  • Zod for validation

Architecture

ui/
├── src/
│   ├── app/             # Next.js app directory
│   │   ├── dashboard/   # Main dashboard
│   │   │   ├── create/  # Token creation pages
│   │   │   └── manage/  # Token management pages
│   │   └── globals.css  # Global styles
│   ├── components/      # Reusable UI components
│   │   ├── ui/         # Base UI components
│   │   ├── forms/      # Form components
│   │   └── layout/     # Layout components
│   ├── hooks/          # Custom React hooks
│   ├── lib/            # Utility functions
│   └── types/          # TypeScript types
├── public/             # Static assets
└── styles/             # Global styles

Dependencies

  • @mosaic/sdk - Token templates and functionality
  • next - React framework
  • react & react-dom - React library
  • @solana/wallet-adapter-* - Wallet integration
  • tailwindcss - CSS framework
  • @radix-ui/react-* - UI components

Development Status

⚠️ Planned - This web application will provide:

  • Intuitive token creation workflows
  • Comprehensive token management interface
  • Beautiful, responsive design
  • Seamless wallet integration
  • Real-time transaction feedback