Skip to content

SpotGPT: Why tolerate ads when you can build your own Spotify? This app, crafted with MERN and Cloudinary, lets me add songs to my personal ad-free music paradise. Who knew escaping ads could be this easy?

License

Notifications You must be signed in to change notification settings

sibisiddharth8/SpotGPT-frontend

Repository files navigation

SpotGPT Logo

SpotGPT 🎵

SpotGPT is an innovative Spotify-like music app—a clone built with the MERN stack (MongoDB, Express.js, React.js, Node.js) and Cloudinary for seamless cloud storage. Designed with both mobile and desktop users in mind, SpotGPT was created to provide an ad-free music experience, eliminating the distractions that come with Spotify's free version. It's a personal project made to enhance my own listening experience—now, you can enjoy it too!


🚀 Key Features

  • Home Page: Explore and navigate through music with ease.
  • Albums & Playlists: Organize and curate your favorite tracks.
  • Trending Songs: Stay updated with the latest tracks (only if uploaded).
  • Song Player Controller: Play, pause, skip, and control volume.
  • Add Songs Portal: Convenient portal to upload new songs (locally).

🛠️ Technologies Used

  • Frontend: React.js, TailwindCSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Cloud Storage: Cloudinary
  • Deployment:
    • Frontend: GitHub Pages
    • Backend: Railway

📱 Fully Responsive

Optimized for both mobile and desktop for a flawless music experience on any device.


⚡ Motivation

SpotGPT came to life as a personal solution to the ad annoyance on Spotify’s free version. Instead of suffering through endless interruptions, I wanted an ad-free Spotify-like experience, and what better way to create that than with SpotGPT? Using the MERN stack, I built the app from the ground up to provide seamless, uninterrupted music. 🎧


🖼️ Screenshots

Desktop View

Desktop Screenshot 1
Desktop Screenshot 2

Mobile View

Mobile Screenshot 1 Mobile Screenshot 2 Mobile Screenshot 3

🌐 Deployment

  • Frontend: GitHub Pages
  • Backend: Railway

🤖 License

This project is open-source and distributed under the MIT License.


📞 Contact


Experience music like never before—without the ads—with SpotGPT! 🎶

About

SpotGPT: Why tolerate ads when you can build your own Spotify? This app, crafted with MERN and Cloudinary, lets me add songs to my personal ad-free music paradise. Who knew escaping ads could be this easy?

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published