Technologies Used

Languages: JavaScript
Frontend: React, Redux, Web Audio API, CSS3, HTML5, React-Bootstrap, wavesurfer.js
Backend: Node.js, Express, AWS-S3, PostgreSQL, Sequelize

Slideshow

Built UI appealing slideshow landing page by integrating the Carousel component of React-Bootstrap.

Files Upload

Reduced server load and allowed for scalability of media services by incomporating Express Server with AWS S3.

Top-level Music Player

Ensured seamless audio streaming experience during navigation by creating top-level music player utilizing HTML5 audio element and maintaining audio state with React Context and Redux Store.

Audio Waveform

Integrated wavesurfer.js with React to display audio waveforms and synced individual track status with top-level music player by building custom event listeners and sharing audio data across components with Redux Store.

Want to learn more details behind the scene?