Web
React
14+ Tech Stacks

Audio Separation and Mixing Studio - WIDER
WIDER provides a studio environment where AI automatically separates uploaded music files into individual instruments (drums, bass, guitar, piano, vocals, etc.) that users can edit and mix individually. It's a SaaS platform that can be used directly in a web browser without installing or downloading separate programs.

Built a system that allows users to systematically manage their created audio files.
Implemented features to separate and mix audio in real-time in a web browser. Includes the ability to listen to and edit separated audio individually.


Built a recurring payment system for membership subscriptions.
Implemented intuitive UI/UX using React and MUI, performed global state management through Recoil, and simplified API communication using Axios. Managed user authentication with Firebase, and introduced a simple payment system through Toss Payment and Kakao Pay. Built a stable backend service through Python, Flask, and Google Cloud.
Enhanced accessibility by 100% by implementing audio separation and mixing directly in the web without software installation.
Enhanced editing accuracy by 85% with audio waveform visualization.
Reduced audio loading speed to within 3 seconds with CDN.
"Thanks to the innovative architecture combining web and AI, we were able to reduce desktop app development costs by 70% while providing users with a seamless real-time audio editing experience."