---
# System prepended metadata

title: Midterm Project - A Music Player
tags: [MSTU5013, ' JS', ' Vue', ' Midterm Project']

---

---
tags: MSTU5013, Midterm Project, JS, Vue
group members: Mingxin Qi, Yuxi Huang
---

# Midterm Project - A Music Player

## The Code
1. URL of the code/repository: https://codepen.io/yh3355/pen/QWaEmKR
2. URL of the demo live: https://cdpn.io/pen/debug/QWaEmKR

## The Brief Introduction

Our group's project is a simple music player. 

Users can switch, play or pause music through clicking the buttons at the bottom. 

There are four pieces of music in total. With each music being switched, the album cover, music title and artist name will change. 

Also, a mouse hover will automatically enlarge the buttons separately, reminding the user of their action.

