![Screenshot 2023-12-22 at 01 06 52](https://private-user-images.githubusercontent.com/69990297/292371158-981338cd-f343-453e-822e-b2ec0a3b0ca2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg5MTIsIm5iZiI6MTcyNTY3ODYxMiwicGF0aCI6Ii82OTk5MDI5Ny8yOTIzNzExNTgtOTgxMzM4Y2QtZjM0My00NTNlLTgyMmUtYjJlYzBhM2IwY2EyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMTAxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA0MjBlZDc1ODYwMTEwYjRiYjdiNTJhNjZiZTRlMWI4NDU2ZDhkNjRkYzcwNDBkZmM3OWZmNGIzN2U0Y2I4MjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZoYFwXUHgUtvoBDZ2sRUK-UM3T0xPwSFCRZkUR6cr9Y)
Greetings! I trust this message finds you well. In response to a recent challenge, I conceptualized and developed a fictional music streaming platform as a portfolio project. Despite time constraints preventing the implementation of all envisioned functionalities, all requirements outlined in the challenge were successfully addressed.
- Application: Music Player
- Portfolio Home: Index.html
- JavaScript Code: Located in the elements folder; CSS code in css/style.player.css.
- Media Assets: Music and images reside in the files and assets folders, respectively.
- Navigation: Access the player page via buttons on other portfolio pages or navigate through the menu.
- Responsiveness: Only the music player screen has responsive behavior.
- Explore the Player
- Portfolio Home
- JavaScript code in the elements folder; CSS in css/style.player.css.
- Media assets in the files and assets folders.
- Interact with the player through buttons on portfolio pages.
- Navigate seamlessly between pages using the menu.
Music Player screen | Responsive look music player |
---|---|
About screen | Experiences screen |
---|---|
Crafted with </> and <3, this project is more than code; it's an expression of creativity and passion for music.
The challenge involved creating a music player with the following features:
- Play, pause, forward, and rewind buttons
- Progress bar and tempo control
To tackle this challenge, familiarity with the following is essential:
- Arrays and iteration with functions
- DOM: Events, Listeners, query methods, and element manipulation
- Object-oriented programming with ES6 classes
Date: 02/12/20
Organization: CITi UFPE | PTA 2020.2 | JS Challenge