SynthBridge

Pretty straight forward, type the chords and melodies and you get the sounds

Features

• Chord Progression generator, write any chord in any order separated by a comma and play it instantly

• Melody generator, compose melodies by entering the note sequences, also separated by commas and play instantly

• Real-time playback

• instrument choice (!new)

Tech Stack

• Frontend: React
• Backend: Flask + NumPy (audio synthesis)

Live demo

https://synth-bridge.vercel.app

takes a solid minute to start but once it does it works.

How to Run Locally

Prerequisites: Python 3.8+, Node.js, npm

Backend Setup

cd backend
pip install -r requirements.txt

# run the flask sv:

python main.py => Windows/Linux
python3 main.py => on macOS

Frontend Setup

cd frontend
npm install
npm start

Conclusion

This month I have been into learning new things regarding Python and React.

Since I took a step back from AI integration I thought doing another music generator app would be interesting,

only this time in React and with a better UI (and actual playable music instead of MIDI file generation),

to do this I had to learn NumPy and though I am FAR from mastering it I can say I understand it,

I used it to create sound waves using physic's formulas which was a bit more challenging, 

I also ran into a problem with the (#) symbol in URL react section, so I just replaced "C# "for "Cs" for it to be cleaner,

though in the end I found the project easy and fun to do.

(!new)- Also added harmonics and ADSR. not intuitive at all sound engineering is not my home. had a lot of help from CLAUDE to figure it out but it ended up working.

I'll keep updating it.