Noisedash

screenshot of Noisedash
express
vue
scss
vuetify

Self-hostable web tool for generating ambient noises

Overview

Noisedash is a self-hostable web tool designed for generating ambient noises. It allows users to customize ambient noises and user-uploadable samples by leveraging Tone.js. The platform enables users to save "noise profiles," import and export soundscapes, and fine-tune noises with audio processing tools. Users can also upload and edit audio samples to combine with generated noises.

Features

  • Generate and customize ambient noises
  • Save and switch between noise profiles
  • Upload and edit user audio samples
  • Fine-tune noises with audio processing tools
  • Manage multiple users with admin tools
  • Mobile-friendly interface

Docker

  1. Requires Docker and Docker Compose.
  2. Download the provided docker-compose.yml file.
  3. Create a folder called 'config' and place the provided config file inside.
  4. Edit the config file according to your preferences.
  5. Bring the container up and proceed to the URL to register your first user.

Kubernetes

  1. Apply the manifest.yaml in the Kubernetes folder to install Noisedash.
  2. Optionally, create an ingress by uncommenting the last lines in the file.
  3. Customize the ingress according to your cluster issuer and Ingress class.

From Source

  1. Requires Node 16 and npm.
  2. Clone the repository and edit config/default.json.
  3. Install necessary packages and build the app.
  4. Run the server and serve static files to access the platform.

Summary

Noisedash is a versatile self-hostable web tool that empowers users to create and customize ambient noises and audio samples conveniently. Whether utilizing Docker, Kubernetes, or deploying from source, users can easily set up the platform and start generating personalized soundscapes. With features like noise profile saving, audio processing tools, and mobile compatibility, Noisedash offers a seamless experience for users interested in ambient noise generation and customization.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

vuetify
Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.