Skip to content

Web Viewer + Activity Feed for Issue-Ink #19

@Pranav-MSK

Description

@Pranav-MSK

Description:
Create a simple external website to visualize the canvas and improve accessibility.

Goals:

  1. Display the canvas
  • Render map.svg dynamically
  • Auto-refresh or poll for updates
  1. Activity Feed
  • Show recent paints:
    • User
    • Coordinate
    • Color
    • Timestamp
  1. Paint from Web
  • Provide UI to select:
    • Cell
    • Color
  • Redirect to GitHub Issue creation:
    Pre-filled title: Paint [A5] #FF5733
  1. Improve UX
  • Make the project usable without GitHub knowledge
  • Reduce friction for new users

Possible Implementation:

  • Static site (GitHub Pages)
  • Fetch data from:
    • map.svg
    • data/state.json (via raw GitHub URL)
  • Use JavaScript to render:
    • Grid
    • Activity list

Optional Enhancements:

  • Highlight recently painted tiles
  • Show most contested tiles
  • Hover to see last painter
  • Mobile-friendly layout

Goal:

Make Issue-Ink accessible to non-developers and increase participation while keeping GitHub as the backend.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions