FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
dcm31

dcm31

ttrpgTools

TTRPG Tools subproject for char.build
Public
Like
ttrpgTools
Home
Code
2
README.md
H
http.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
http.tsx
https://dcm31--1741634c042f11f08860569c3dd06744.web.val.run
README.md

TTRPG Tools

A collection of useful tools for tabletop role-playing games, created as a subproject for char.build.

Features

This TTRPG Tools subproject includes:

  • Dice Roller: Roll various types of dice with modifiers
  • Name Generator: Generate character names for different fantasy races
  • Initiative Tracker: Keep track of turn order during combat encounters

Integration with char.build

This project is designed to be accessed through the main char.build domain at the /ttrpg path. To integrate this with the main char.build project, add it to the proxyRoutes array in the main project's proxies.tsx file:

{ pattern: '/ttrpg', target: 'https://dcm31--1741634c042f11f08860569c3dd06744.web.val.run', name: 'TTRPG Tools' }

Architecture

This subproject uses:

  • React for UI components
  • Path-based routing for different tools
  • Responsive design for use on any device
  • Integration with the char.build main project

Current Status

This project provides a static UI for the tools. For full interactivity, JavaScript implementation would need to be added to handle:

  • Actual dice rolling calculations
  • Name generation logic
  • Initiative tracking actions

Future Enhancements

Planned future additions include:

  • Encounter builder
  • Loot generator
  • NPC generator
  • Weather and travel conditions generator
  • Combat tracker with integrated HP management
  • Save/load functionality for campaigns

Development

To extend this project:

  1. Add new tool components to the main App component
  2. Create corresponding page components with their UI
  3. Add navigation links to access the new tools
  4. Implement JavaScript functionality for interactive elements

Acknowledgements

  • Design inspired by modern TTRPG applications
  • Built using the char.build subproject template
HTTP
  • http.tsx
    dcm31--17…44.web.val.run
Code
README.md
H
http.tsx
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesVersion controlCLIAI agentsCode intelligenceSlack integrationsGTMPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.