🎧 Code Noise: The Ultimate Background Noise Generator for Programmers

Marco Lamina - Aug 30 - - Dev Community

Hey everyone! 👋

I'm super excited to share a project I've been working on: Code Noise! 🌟

Why I Built It

I'm very sound sensitive and often find music too distracting while coding. I wanted a tool where I could create the perfect background noise to help me focus. That's how Code Noise was born! 🎉

What is Code Noise?

Code Noise is a web app that allows you to generate and play various types of background noise, customizable with sliders and knobs. Whether you prefer pink, white, or brown noise, or even a select number of YouTube videos for ambience, Code Noise has got you covered! 🎶

Key Features

  • Free, in browser: No need to download anything!
  • Multiple Noise Types: Choose from pink, white, and brown noise.
  • Add Ambience: Add sounds of nature from a select number of YouTube videos for that perfect background vibe.
  • Fine-Tune: Mix all sounds together using intuitive sliders.
  • Share: Easily share your perfect noise settings with others.

Under the Hood

The app is built using Python & FastAPI for the backend, with Jinja2 templates for rendering. We use BulmaCSS for styling and jQuery for JavaScript functionality.

Built in one day

I built this in less than a day using the Rapid Prototyping Template I've been working on.

Try It Out!

Ready to create your perfect coding environment? Check out Code Noise and let me know what you think! Your feedback is invaluable and will help make the app even better. 💬

Feel free to reach out to me if you have any questions or suggestions. Let's make coding a more pleasant experience together! 🌈

. . . . .