Code Prints

Custom poster builder that transforms names, dates, and messages into beautiful wall art using various encoding systems.

> For a full walkthrough of every feature, see the User Guide.

Features

• Multiple Code Styles: Maritime signal flags, Morse code, Semaphore, Braille, Binary
• Live Preview: See your design update in real-time as you type
• Customisation Options: Portrait/landscape orientation, multiple sizes (A4, A3, A2), print/canvas/framed products
• Gift Ideas Page: Curated suggestions for weddings, new babies, housewarmings, graduations, and more
• Personalisation: Add letter legends and dedications to your poster
• Persistent State: Your design is saved to localStorage

Pages

• index.html - Home/landing page with product showcase
• builder.html - Interactive poster builder
• gifts.html - Curated gift ideas with personalisation modal

Tech Stack

• Vanilla HTML, CSS, JavaScript (ES6 modules)
• No build tools or dependencies required
• SVG-based flag and symbol rendering

Running Locally

Simply serve the files with any static file server:

# Using Python
python3 -m http.server 3334

# Using Node.js
npx serve

# Using PHP
php -S localhost:3334

Then open http://localhost:3334 in your browser.

Project Structure

├── index.html          # Home page
├── builder.html        # Poster builder
├── gifts.html          # Gift ideas page
├── js/
│   ├── app-simple.js   # Main builder logic
│   ├── flags.js        # Maritime signal flag SVGs
│   └── codes.js        # Other encoding systems (Morse, Semaphore, etc.)
└── css/
    └── styles.css      # Additional styles (if needed)

Encoding Systems

License

All rights reserved.