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.
- 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.
Log in to leave a comment