Dot Matrix

A dot-matrix symbol designer and composer application.

Features

• Symbol Designer: Create and edit 9x7 pixel symbols for characters (A-Z, 0-9, punctuation)
• Message Composer: Arrange symbols into scrolling messages up to 80 characters
• Symbol Management: Save, copy, paste, and export symbols
• Navigation: React Router-based navigation with browser history support

Quick Start

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

URLs

• Client: http://localhost:5173

Commands

# Install all dependencies
pnpm install

# Build for production
pnpm build

# Run tests
pnpm test

# Type checking
pnpm typecheck

# Linting
pnpm lint

Development

Tech Stack

• Frontend: React 19, TypeScript, Vite, @react-rxjs
• Testing: Playwright (E2E)
• State Management: RxJS with @react-rxjs