https://github.com/rubixvi/soundboard
Vietnamese soundboard for livestream applications including Tiktok Live, Bigo Live, Twitch and Nimo TV.
https://github.com/rubixvi/soundboard
electron livestream react soundboard tailwindcss
Last synced: about 1 year ago
JSON representation
Vietnamese soundboard for livestream applications including Tiktok Live, Bigo Live, Twitch and Nimo TV.
- Host: GitHub
- URL: https://github.com/rubixvi/soundboard
- Owner: rubixvi
- License: mit
- Created: 2025-03-31T00:56:58.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-02T01:13:45.000Z (about 1 year ago)
- Last Synced: 2025-04-02T01:23:52.500Z (about 1 year ago)
- Topics: electron, livestream, react, soundboard, tailwindcss
- Language: TypeScript
- Homepage: https://www.rubixstudios.com.au/
- Size: 64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Soundboard
A feature-rich desktop soundboard application built with Electron and React — perfect for livestreaming on TikTok Live, Bigo Live, Twitch, and Nimo TV.
Một ứng dụng soundboard dành cho máy tính, được xây dựng bằng Electron và React — lý tưởng cho các buổi livestream trên TikTok Live, Bigo Live, Twitch và Nimo TV.
## Features
- Modern, responsive UI built with TailwindCSS
- Hotkey support for quick sound playback
- Audio settings management
- 130+ built-in sound effects
- Customizable sound organization
## Technical Stack
- **Frontend**: React 19 with TypeScript
- **Desktop Runtime**: Electron 35
- **Styling**: TailwindCSS 4.0
- **UI Components**: Radix UI
- **State Management**: React Context
- **Data Persistence**: Electron Store
## Installation
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
## Available Scripts
- `npm start` - Cleans, builds, and starts the application
- `npm run dev` - Starts the app in development mode with hot reload
- `npm run build` - Builds the application
- `npm run build:win` - Creates a portable Windows executable
### Development Scripts
- `npm run watch:app` - Watch for source code changes
- `npm run watch:css` - Watch for CSS changes
- `npm run electron:dev` - Run Electron with live reload
## Project Structure
```txt
soundboard/
├── src/ # Source code
│ ├── app/ # Main app components
│ ├── components/ # Reusable UI components
│ ├── context/ # React contexts
│ ├── hooks/ # Custom React hooks
│ └── utils/ # Utility functions
├── sound/ # Sound effect files
└── dist/ # Build output
```
## Building for Production
To create a portable Windows executable:
```bash
npm run build:win
```
The built application will be available in the `release` directory.
## License
MIT License - See full license in LICENSE file.
## Author
Rubix Studios Pty. Ltd.
## Contact
For support or inquiries, contact Vincent Vu [@rubixvi](https://x.com/rubixvi) on X.
Rubix Studios - [https://www.rubixstudios.com.au](https://www.rubixstudios.com.au).