Unit 2 Assignment: Music Playlist Explorer
Submitted by: Ahemed Bullo
Estimated time spent: 20 hours
Deployed Application (optional): Music Playlist Explorer Deployed Site
Application Features
CORE FEATURES
-
[x] Display Playlists
- [x] Dynamically render playlists on the homepage using JavaScript.
- [x] Fetch data from a provided JSON file and use it to create interactive playlist tiles.
- [x] Each title should display the playlist's cover image, name, creator, and like count.
-
[x] Playlist Details
- [x] Create a modal view that displays detailed information about a playlist when a user clicks on a playlist tile.
- [x] The modal should show the playlist's cover image, name, creator, and a list of songs, including their titles, artists, and durations.
-
[x] Like Playlists
- [x] Implement functionality to allow users to like playlists by clicking a heart icon on each playlist tile.
- [x] Update the like count on the playlist tile when a playlist is liked or unliked.
-
[x] Shuffle Songs
- [x] Enable users to shuffle the songs within a playlist using a shuffle button in the playlist detail modal.
- [x] Rearrange the songs in the modal view when the shuffle button is clicked.
STRETCH FEATURES
Walkthrough Video
https://github.com/ahemedbullo/site-unit2-project1-music-playlist-explorer-starter/assets/144303065/db6d12be-e501-43e3-b43a-4aa90150a8c3
Reflection
-
Did the topics discussed in your labs prepare you to complete the assignment? Be specific, which features in your weekly assignment did you feel unprepared to complete?
The html component of lab was great, I understood it but I was not prepeared for the javascript, I wish we spent more time on how arrow functions worked and event listeners because I struggled with that on this project
-
If you had more time, what would you have done differently? Would you have added additional features? Changed the way your project responded to a particular event, etc.
I would have went after the strech features and fixed my styling better especially on the featured page.
- Reflect on your project demo, what went well? Were there things that maybe didn't go as planned? Did you notice something that your peer did that you would like to try next time?
I like my shuffle, like and delete they all work like how they are supposed to work. Something I do want to try next time if adding filtering and search.
Shout out
Sammy was super helpuf in helping me debug my modal display of songs and he showed me a better way of using 'console.log'.