Muze

CodePath WEB103 Final Project

Designed and developed by: Justin Chu, Benjamin Jon

🔗 Link to deployed app:

About

Muze is a web app created for CodePath's WEB103 Final Project. It is a comprehensive web app that allows users to create playlists of their own and share them.

Description and Purpose

This web app allows users to generate playlists of their own and share them. Users can choose songs out of a database, ranked by genre or artist, personalize it, and then create it. If a user is feeling curious, they can click a generate playlist button in whatever genre they desire, and a playlist will be generated for them. A user can then save their created playlist to their own list, or share them.

Inspiration

This web app is inspired by Spotify, a web application with an intuitive interface that helps manage users' songs, create playlists, and share them with friends.

Tech Stack

This web app is created using

Frontend: React

Backend: Express, NodeJS, Railway

Features

[Feature 1: Music Database Selection]

[The user should be able to access a music database displayed in a visually accessible manner. The database should consist of music from multiple different genres and artists, and the user should select specific songs that they like and it automatically adds them to their playlist.]

[gif goes here]

[Feature 2: Music Playlist Creation]

[After choosing songs from a database, the user should be able to create their own playlists consisting of the songs they choose to save. In addition, they should be able to sort their playlists based on attributes such as genre or mood, or can even sort playlists by their own criteria.]

[gif goes here]

[Feature 3: User Playlist Generation]

[When users are indecisive or are unsure of what songs they would like to add to their playlist, the app should have a feature that automatically generates a playlist for them based upon their preferences. Users can either take a short quiz about their personal music preferences, or choose a specific genre, and a playlist will be automatically generated for them based on their responses or selected genre.]

[Feature 4: Create an Interactive Login Screen] ✅

[An engaging and interactive login screen must be made to attract users to the site]

[gif goes here]

[Feature 5: Create a Page for Generating Playlists and All the Saved Playlists of a User] ✅

[An easy to use front end must be made for easy calls to the backend API and for users to use]

[gif goes here]

[Stretch Feature: Playlist Sharing]

[This feature will allow users to share their personal platforms on various social platforms, such as Instagram and Twitter/X. After saving or generating a playlist, the user should see a prompt to share their playlist on social media, in which upon clicking said option, a post would be generated sharing the playlist and urging viewers to create their own playlist with a link to the website/app.]

[ADDITIONAL FEATURES GO HERE - ADD ALL FEATURES HERE IN THE FORMAT ABOVE; you will check these off and add gifs as you complete them]

Installation Instructions

[instructions go here]