NoiseThreat banner

NoiseThreat

Created by: aashixhmaurya
1 devlog
6h 24m 38s

NoiseThreat is a small web project which try to measure and explain noise pollution in simple way. In many cities, specially in India, noise from trafic, construcvtion and crowded areas is very common but people mostly dont pay attention to it. Th…

NoiseThreat is a small web project which try to measure and explain noise pollution in simple way. In many cities, specially in India, noise from trafic, construcvtion and crowded areas is very common but people mostly dont pay attention to it. This platform uses the device microphone to records small sound sample and convert it into decibel value so users can understand how loud the surrounding area is.

The result is shown on a simple dashboard with a sound meter and a basic Noise Polution Index which tells if the environment is safe or too noisy. It also compare the sound level with general WHO and CPCB guidelines. The main idea of this project is to make noise pollution little more visible and help people realise how everyday sound around them can affect health and daily life.

This project uses AI

I used AI little bit while making this project. Mostly I used it to understand some basic JavaScript things and sometimes for small Css layout or ratio issues and Few UI elements

Demo Repository

README

Loading README...
aashixhmaurya
aashixhmaurya worked on NoiseThreat
6 days ago
6h 24m logged

1> What I worked on in these ~6 hours

  • In total I spent around 6 hours 24 minutes working on the base of this project.
  • Started with creating the basic HTML structure and page layout.
  • Added CSS styling so the dasboard and sound meter area looks organised and usable.
  • Worked on connecting JavaScript with microphone input using browser audio features.
  • Also tried showing the decibel value and basic noise level indication on screen
  • Did some small testing to see if sound values are changing correctly when noise changes.

2> New things I learned while doing this…

  • Learned some basic JavaScript concepts because I was not very strong in JS before.
  • Understood little bit about Web Audio API and microphone input in browser.
  • Tried learning how sound values can be converted into decibel numbers.
  • Also learned how UI elements like meters and indicators can update with live values
  • Got better idea about how HTML, CSS and JS work together in a small web project.

3> Problems & things I struggled with

  • JavaScript part took time because I am still learning it.
  • Audio processing logic was little confusing in starting.
  • Also UI alignment and ratios in CSS needed few adjustments to look correct.
  • Some small bugs came while testing microphone input but slowly fixed them.
  1. What I plan to do next?
  • Next I want to improve the UI properly because right now it still needs polishing
  • Will try to make the sound meter and dashboard look more clean and responsive.
  • Plan to improve the Noise Pollution Index logic so results feel more accurate
  • Also want to add history or previous readings so users can see noise patterns.
  • Later I may try adding better visual charts or indicators to make data easier to understand.
Attachment
0