RPG Audio Master 🎵

A powerful, interactive web-based audio table designed for RPG sessions, live performances, and sound management. Built with Vue 3, Tailwind CSS, and Vite, this application offers a responsive and seamless experience as a Progressive Web App (PWA).

✨ Features

• Interactive Audio Pads: Create and customize sound pads for instant playback.
• Timeline Visualizer: Real-time visual representation of active audio loops and one-shot sounds.
• Advanced Audio Control: Manage volume, playback loops, and sound layering.
• Local Storage: Uses IndexedDB to save your configurations and sound libraries directly in the browser.
• PWA Support: Installable on desktop and mobile devices with offline capabilities.
• Modern UI: Sleek, dark-mode interface built with Tailwind CSS and Lucide Icons.

🛠️ specific Tech Stack

• Framework: Vue 3
• Build Tool: Vite
• Styling: Tailwind CSS
• State Management: Pinia
• Icons: Lucide Vue Next
• Storage: IDB (IndexedDB wrapper)

🚀 Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• pnpm (Package manager)

Installation

1. Clone the repository:

   git clone https://github.com/MagdielCAS/rpg-audio-master.git
   cd rpg-audio-master

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm dev

4. Open your browser and navigate to http://localhost:5173 (or the port shown in the terminal).

📦 Building for Production

To build the application for production deployment:

pnpm build

The output will be in the dist directory, ready to be served by any static host.

📱 PWA Features

This application is configured as a PWA. When built, it includes a service worker for caching and offline support. It can be installed as a standalone application on supported devices.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License.