{"id":26296152,"url":"https://github.com/rohancyberops/spotify-clone-web","last_synced_at":"2025-07-26T14:36:55.404Z","repository":{"id":272138389,"uuid":"915634818","full_name":"RohanCyberOps/spotify-clone-web","owner":"RohanCyberOps","description":"A Spotify Clone Web application designed to mimic the core features and user experience of Spotify. This project allows users to browse, play, and manage their favorite music seamlessly, demonstrating modern web development techniques.","archived":false,"fork":false,"pushed_at":"2025-07-14T13:39:48.000Z","size":116,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-23T01:43:57.467Z","etag":null,"topics":["cloudinary","docker","jwt-authentication","spotify","spotify-api"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RohanCyberOps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-12T11:59:54.000Z","updated_at":"2025-07-14T13:41:12.000Z","dependencies_parsed_at":"2025-01-12T13:20:03.553Z","dependency_job_id":"7f478e04-de6e-4282-a5f8-9d734e1e3638","html_url":"https://github.com/RohanCyberOps/spotify-clone-web","commit_stats":null,"previous_names":["rohancyberops/spotify"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RohanCyberOps/spotify-clone-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RohanCyberOps%2Fspotify-clone-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RohanCyberOps%2Fspotify-clone-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RohanCyberOps%2Fspotify-clone-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RohanCyberOps%2Fspotify-clone-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RohanCyberOps","download_url":"https://codeload.github.com/RohanCyberOps/spotify-clone-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RohanCyberOps%2Fspotify-clone-web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267179364,"owners_count":24048321,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloudinary","docker","jwt-authentication","spotify","spotify-api"],"created_at":"2025-03-15T04:17:07.024Z","updated_at":"2025-07-26T14:36:55.361Z","avatar_url":"https://github.com/RohanCyberOps.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Spotify Clone Web\n\n## 🎵 Project Overview\nA Spotify Clone Web application designed to mimic the core features and user experience of Spotify. This project allows users to browse, play, and manage their favorite music seamlessly, demonstrating modern web development techniques.\n\n---\n\n## 🚀 Features\n\n- **User Authentication:** Sign up, log in, and log out securely.\n- **Music Player:** Play, pause, skip, and adjust volume for songs.\n- **Song Library:** Browse and search for tracks, albums, and artists.\n- **Playlists:** Create, edit, and delete personalized playlists.\n- **Responsive Design:** Optimized for desktop, tablet, and mobile devices.\n- **Dynamic Content:** Interactive user interface with real-time updates.\n\n---\n\n## 🛠️ Tech Stack\n\n### Frontend:\n- **React.js**: For building the user interface.\n- **Redux/Context API**: State management.\n- **CSS/SCSS/Tailwind**: For responsive and visually appealing designs.\n\n### Backend:\n- **Node.js + Express**: Server-side logic and API endpoints.\n- **MongoDB/PostgreSQL**: Database for storing user and music data.\n\n### Additional Tools:\n- **Spotify API**: Fetching music data and enabling playback.\n- **JWT**: For secure authentication.\n- **Cloudinary**: For storing and serving album artwork.\n- **Docker**: For containerized deployment.\n\n---\n\n## 📦 Installation and Setup\n\n### Prerequisites:\n- **Node.js**: Installed on your local machine.\n- **MongoDB/PostgreSQL**: Database setup.\n\n### Steps:\n1. **Clone the Repository:**\n   ```bash\n   git clone https://github.com/chrohangurjar1/spotify-clone-web.git\n   ```\n2. **Navigate to Project Directory:**\n   ```bash\n   cd spotify-clone-web\n   ```\n3. **Install Dependencies:**\n   ```bash\n   npm install\n   ```\n4. **Set Environment Variables:**\n   Create a `.env` file in the root directory and configure:\n   ```env\n   SPOTIFY_API_KEY=your_spotify_api_key\n   DATABASE_URL=your_database_url\n   JWT_SECRET=your_jwt_secret\n   CLOUDINARY_URL=your_cloudinary_url\n   ```\n5. **Start Development Server:**\n   ```bash\n   npm start\n   ```\n6. **Access Application:**\n   Open your browser and navigate to `http://localhost:3000`.\n\n---\n\n## 🖼️ Screenshots\n\n1. **Home Page**: Display featured playlists and songs.\n2. **Player**: Full-screen music player with controls.\n3. **Playlist Management**: Create and customize playlists.\n\n---\n\n## 🤝 Contributing\n\nContributions are welcome! Follow these steps:\n1. Fork the repository.\n2. Create a new branch: `git checkout -b feature/your-feature`.\n3. Commit your changes: `git commit -m 'Add a new feature'`.\n4. Push to the branch: `git push origin feature/your-feature`.\n5. Open a Pull Request.\n\n---\n\n## 🛡️ License\n\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.\n\n---\n\n## 📧 Contact\n\nFor questions or suggestions, feel free to reach out:\n- **Name**: Rohan Naagar\n- **Email**: Rohan150907@gmail.com\n- **GitHub**: [Rohan](https://github.com/RohanCyberOps)\n\n---\n\n## 🌟 Acknowledgments\n\n- **Spotify API** for providing music data.\n- Open-source libraries and contributors.\n\n---\n\nEnjoy the music! 🎧\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohancyberops%2Fspotify-clone-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohancyberops%2Fspotify-clone-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohancyberops%2Fspotify-clone-web/lists"}