RetroGameCabling is a visual diagramming tool designed for planning and visualizing retro gaming console setups. Create interactive diagrams to map out your console connections, switches, displays, adapters, and upscalers.
This is a hobby project created for the retro gaming community. It was built using Cursor, an AI-powered code editor that assisted in the development process.
- Visual drag-and-drop interface for building console setup diagrams
- Support for consoles, switches, displays, adapters, and upscalers
- Signal compatibility checking to ensure valid connections
- Modular Scalable Video Switch (SVS) configuration
- Save and load your setups
- Example configurations to get started
- Frontend: React, TypeScript, ReactFlow, Tailwind CSS
- Backend: Express, Node.js
- Build Tool: Vite
- Node.js >= 24.0.0
- Docker (optional, for containerized setup)
- Clone the repository
- Install dependencies:
npm install
Start the development server:
npm run devBuild for production:
npm run buildStart the production server:
npm startBuild and run with Docker Compose:
docker-compose up --buildThe application will be available at http://localhost:5000
- Drag components from the sidebar onto the canvas
- Connect inputs (left side) to outputs (right side) by dragging between handles
- Configure console outputs using the dropdown menus
- For Scalable Video Switches (SVS), configure the number of inputs/outputs and their types
- Save your setup for later use
- Load example configurations to see different setup patterns
client/- React frontend applicationserver/- Express backend APIshared/- Shared data and schemas (items, examples)script/- Build scripts
MIT
Built with Cursor. Made for the retro gaming community.
0 comments
log in to comment.