zing-mp3-sass-webpack5 🎶

Made by Huynh Mi and Ha Gonin

General Information

Project is built using pure Html, Css, Javascript.

Technology

Front-end:

• Html, Css, Scss
• Javascript, Fetch API
• Webpack

Back-end

• Spotify API
• Deploy on Netlify

Short Screen

1. Sidebar

2. Side playlist and player

3. Search

4. Banner slider and radio carousel

5. New release with tabs

6. Zingchart

Feature

• Discover page
• Sidebar
• Slider, carousel, tabs
• Select to play the song in the side-playlist, and "Mới phát hành" Section
• Show error message if the song cannot play
• Play, pause, next, previous, random and repeat
• Fully responsive on tablets and mobile devices

Link demo:

https://mp3zingclone.netlify.app/