PlayListPal: A vibrant web app that lets you stream, like, and save songs while discovering users within a specified distance who share your musical tastes. Connect, share your socials, and maintain your privacy effortlessly.
PlayListPal is a web app designed for music lovers. It allows users to stream, like, and save their favorite songs. A unique feature of PlayListPal is its ability to help users find others nearby who share similar musical preferences. This makes it easy to connect and share social profiles while maintaining privacy. PlayListPal aims to create a community where music enthusiasts can discover new friends through their shared love of music.
- Stream and Explore:Stream all the trending , latest and retro songs with a strong search feature and a good discover section
- Save: The webapp has extensive feature of saving your liked songs , maintaining your playlists and your listening history
- Maintain Profile: Create profile with your profile picture , your gender and sexual orientation , load up your socials and other basic information.
- Find Matches within your Radius:Match yourself with the person sharing musical taste as you within the distance specified by you
- Maintain Your Social Circle:Features to accept requests , reject requests , send requests , manage your frineds helps you to keep connected and maintain your social circle
- Privacy and Security:Maintain Privacy .Your socials will be shared with the person only after consent from both sides.Also the website uses Token based authentication to maintain integrity of users data.
- Interactive UI UI designed with aim to provide smooth experience to users.
https://playlistpal-omega.vercel.app/
Frontend: React, Redux, TailwindCSS
Backend: Node, Express , MongoDB
Other Utilities Cloudinary , Google-O-Auth , Spotify Developer's Api , Nodemailer
1.Clone the repo:
git clone https://github.com/yaxsh1102/PlayListPal.git 2.For Frontend
cd frontend
npm install
3.Requirements For Frontend
create a .env file
REACT_APP_SPOTIFY_CLIENT_ID
REACT_APP_SPOTIFY_CLIENT_SECRET
REACT_APP_TOKEN_ENDPOINT
REACT_APP_SEARCH_ENDPOINT
REACT_APP_NEW_RELEASE_ENDPOINT
REACT_APP_clientID ( google o auth)4.Frontend start command
npm start5.For Backend
cd backend
npm install6.Requirements for backend
create a .env file
MONGODB_URL= "your mongodb_uri"
PORT = 4000
MAIL_HOST=smtp.gmail.com
MAIL_USER="your_email"
MAIL_PASS="your_pass_key"
JWT_SECRET="your_jwt_secret"
GOOGLE_CLIENT_ID = "your_google_client_id"
CLOUD_NAME="your_cloud_name(cloudinary)"
API_KEY="your_api_key"
API_SECRET="your_api_secret"
FOLDER_NAME="your_folder_name" 7.Backend Start command
npm start- Contributor 1: mann909 (Mann Jasmatia)
- Contributor 1: yaxsh1102 (Yash Mishra)
- https://developer.spotify.com/.: Thanks to Spotify's Developers API