Skip to content

Themvp07/PolkadotBuilderMap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

33 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Polkadot Builder Map - Interactive

Polkadot Builder Map

Interactive tool for exploring Polkadot's technical architecture. Visualizes core ecosystem components with detailed information, programming language used and links to official documentation. Click or tap on points to reveal detailed information about each technology.

โœ… Features

  • Interactive points positioned over a base image (map.JPG)
  • Modern tooltip UI with description, language and source links
  • Close button (ร—) inside each tooltip
  • Adaptive zoom for desktop and mobile (0.5x to 3x)
  • Responsive design that works across all screen sizes
  • No external dependencies, ready to use locally
  • Touch-sensitive points

๐Ÿ’ก Technical Information

  • 60+ identified components

  • 3 color-coded categories:

    • ๐Ÿ”ต Blue: Core components
    • ๐Ÿ”ด Red: Development tools
    • ๐ŸŸข Green: SDKs & frameworks
  • Variable sizing based on component importance

    ๐Ÿ›  Requirements to Run Locally

Option with Live Server (VSCode)

If you're using Visual Studio Code:

  1. Install the Live Server extension.
  2. Right-click on index.html โ†’ "Open with Live Server"

About

A map to present in a quickly way a lot of Polkadot components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published