Zen Sounds home page screenshot

Zen Sounds

Since I commute a lot, and trains are noisy, I escape to my singing-birds tracklist on a daily routine. So why not create a site where people could mix several background noises to create their own composition of peace?

The project was created using React and Node, Express and MongoDB as backend.

The main challenge was to enable users to mix multiple sounds with adjustable volumes together. I’ve only seen simple audio files embedded in HTML documents earlier, so I had to dig in to the Web Audio API to make it happen.

Built with

React, Web Audio API, Node.js, Express.js, MongoDB, JWT, Bootstrap CSS only, SCSS, Balsamiq, Trello
Resources from freesound.org, flaticon.com


Create

Mix a new composition. You can keep it private, hidden from other's ears

Zen Sounds new page screenshot
 

Browse

Check what others created or see your own mixes

 
Zen Sounds public browse page screenshot
Zen Sounds private browse page screenshot
 
 

Listen

Enjoy individual mixes & manage your own

 
Zen Sounds public show page screenshot
Zen Sounds private show page screenshot