A modern web app to share your Spotify listening history and music tastes with friends.
-
💬 Spotify Integration
Connect your Spotify account to display recent tracks, top artists, favorite songs, and more. -
👥 Make Music Friends
Users can send friend request to every user on the platform. -
🔒 Profile & Permissions
Public/private profiles, friend requests, and controls over who views your data. -
🌐 Real-Time Play History
Live-updated feed of current listening activity, powered by Next.js, MongoDB, and Spotify API. -
⌛ Still in Active Development
As of July 8, 2025, this project is still under development
| Component | Technologies Used |
|---|---|
| Frontend | Next.js, React, Tailwind CSS |
| Backend/API | Node.js, API Routes, Spotify Web API |
| Database | MongoDB (via Mongoose) |
| Deployment | Vercel |
| Auth | OAuth 2.0 flow using Spotify’s API |
| Nodemailer, Resend | |
| Utilities | TypeScript, ESLint, Prettier... |
git clone https://github.com/kevin5806/MusicShare.git
cd MusicSharenpm install
# or
yarn installCreate a .env.local file with:
SPOTIFY_CLIENT_ID=your_spotify_client_id
SPOTIFY_CLIENT_SECRET=your_spotify_client_secret
NEXTAUTH_URL=https://your-domain.com
MONGODB_URI=mongodb://username:password@host:port/dbname
EMAIL_USER=you@example.com
EMAIL_PASS=your-email-password
npm run devNavigate to http://localhost:3000
- Connect the GitHub repo to Vercel.
- Add the same
.envvariables in the Vercel dashboard. - Deploy!
- Log in through Spotify.
- Browse your dashboard: top artists, recent songs, listening trends.
- Invite friends or get invited by creating taste buddies.
- Explore shared music and discover new tracks with friends.
- Fork this repo 🕶
- Create a new feature branch (
git checkout -b feature/my-feature) - Make your changes & organize with commits
- Run
npm run lint+npm run test(if tests exist) - Submit a pull request. Describe your feature, motivation, and any screenshots
This project is open-source under the MIT License. See LICENSE.md for details.
Built by Kevin Leoni — passionate about web dev, music, and connecting friends through shared tastes.
For support or feedback, reach out: GitHub Issues.