DEV Community

Marco Lamina
Marco Lamina

Posted on

🎧 Code Noise: The Ultimate Background Noise Generator for Programmers

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! 🌈

Top comments (1)

Collapse
 
lokesh_singh profile image
Lokesh Singh

I took a look at the Code Noise project and had a few thoughts on how we might make it even better. Adding a way for users to give feedback could really help us understand their needs and fine-tune the app. It could be great to let users save their favorite noise settings and add a timer so they can set how long they want the noise to play. Also, offering customizable themes and some fun animationsβ€”like changing button colorsβ€”would let users make the app feel more personal. I think these tweaks could make Code Noise more engaging and enjoyable for everyone.
let's connect ❀️