/music-playlist-app

Immerse yourself in the art of music curation as you effortlessly craft and discover playlists that resonate with your soul using BeatBuddy.

Primary LanguageJavaScript

About BeatBuddy 🎶

BeatBuddy redefines the music playlist experience, offering users seamless control over their personal musical journeys. Our innovative app empowers users to effortlessly manage and curate their playlists, allowing them to add and play their favorite songs with ease. Dive into a world where music meets intuitive playlist management, and let BeatBuddy elevate your musical experience to new heights.

Getting started: 👈

Link to our trello board: BeatBuddy Trello Board

Link to our app deployed on Heroku: Heroku

1. Home Page:

Upon loading the app, users are directed to the home page. Here, they can seamlessly log in to create playlists or choose to browse others' curated collections.

Screen Shot 2023-12-01 at 10 10 17 AM

2. Authentication:

Securely log in via Google account authentication by clicking "Log In" at the top right of the app.

Screen Shot 2023-11-30 at 10 42 23 PM

3. My Playlists:

Upon successful authentication, users are directed to their personalized "My Playlists" page. Here, they can effortlessly manage playlists, including deletion or exploration of playlist details.

Screen Shot 2023-11-30 at 10 41 08 PM

4. Create a Playlist:

Users have the creative freedom to craft new playlists by clicking on the "Create a Playlist" tab in the navigation bar. Customize your playlist with a unique name, description, and mood.

Screen Shot 2023-11-30 at 10 41 18 PM

5. Playlist Details:

Delve into the details of your playlists with the "Details" option. View and interact with playlist information, including name, description, mood, and the list of songs. Play, delete, edit, or add songs to curate the perfect musical experience.

Screen Shot 2023-12-01 at 9 40 09 AM

6. Add Songs:

Enhance your playlists by seamlessly adding songs through the "Add Songs" feature. A user-friendly search interface allows you to explore and add songs to your playlists effortlessly.

Screen Shot 2023-11-30 at 10 41 54 PM

7. Search Results:

Effortlessly discover and add your favorite songs to your playlist with our streamlined search interface. Seamlessly review search results and promptly incorporate them into your curated list. Enjoy a smooth user experience that allows you to play songs directly or swiftly confirm their addition to your playlist. Please note: refrain from adding songs with '/' in the title to ensure optimal functionality.

Screen Shot 2023-11-30 at 10 42 11 PM

8. Edit Playlist:

Tailor your playlists to your evolving tastes by utilizing the "Edit Playlist" feature. Adjust the name, description, and mood to keep your musical collections up-to-date.

Screen Shot 2023-11-30 at 10 41 47 PM

Technologies used: 💻

  • Node.js
  • Express
  • MongoDB
  • Last.FM_API
  • HTML5
  • CSS
  • Javascript
  • OAuth

App creators: 🚀

  • Zach Kurfirst
  • Brandon Song
  • Connor Gunter
  • Richard (Nick) Vanderipe

Acknowledgments 🙌

The team would like to thank Last.FM for their collaboration and assistance in making BeatBuddy a success. Their API played a crucial role in shaping the app's functionality, enriching the user experience.

Icebox features: (Scheduled for Future Implementation) 🧊

  • Collaborative Playlist Editing: Enhance your playlist creation experience by adding collaborators.
  • Playlist Likes and Trends: Introduce a 'like' feature for playlists, showcasing the trendiest lists on the main screen.
  • Fix spacing of credits in footer. Currently it is too far below the page
  • Allow for adding a song where the title contains a '/'
  • Mobile Responsiveness
  • Better error messages for user experience