{"id":28185582,"url":"https://github.com/gazdagb/jammming","last_synced_at":"2025-07-07T06:33:19.328Z","repository":{"id":258767603,"uuid":"874380120","full_name":"GazdagB/jammming","owner":"GazdagB","description":"An experimental Spotify playlist creator app built with React and Vite, using the Spotify Web API. Search for tracks, build playlists, and save them directly to your Spotify account. Developed as part of the Codecademy Fullstack Path. 🎧🎓","archived":false,"fork":false,"pushed_at":"2025-04-05T21:34:39.000Z","size":37246,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-16T19:49:48.010Z","etag":null,"topics":["axios","codecademy","music-app","oauth","playlist-creator","spotify","spotify-api","vite","web-development"],"latest_commit_sha":null,"homepage":"https://gb-jamming.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GazdagB.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,"zenodo":null}},"created_at":"2024-10-17T18:11:35.000Z","updated_at":"2025-04-05T21:36:33.000Z","dependencies_parsed_at":"2025-06-16T19:52:14.254Z","dependency_job_id":null,"html_url":"https://github.com/GazdagB/jammming","commit_stats":null,"previous_names":["gazdagb/jammming"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GazdagB/jammming","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GazdagB%2Fjammming","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GazdagB%2Fjammming/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GazdagB%2Fjammming/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GazdagB%2Fjammming/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GazdagB","download_url":"https://codeload.github.com/GazdagB/jammming/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GazdagB%2Fjammming/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264027653,"owners_count":23546117,"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","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":["axios","codecademy","music-app","oauth","playlist-creator","spotify","spotify-api","vite","web-development"],"created_at":"2025-05-16T06:12:20.066Z","updated_at":"2025-07-07T06:33:19.283Z","avatar_url":"https://github.com/GazdagB.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎧 React + Vite Spotify Playlist App\n\nThis project is an experimental Spotify playlist creation app built using the Spotify Web API. It was developed as part of the Codecademy Fullstack Path curriculum. 🎓\n\n## 🚀 Live Demo\n🌐 Check out the live version here: [Live Demo](https://gb-jamming.netlify.app/)\n\n## ✨ Features\n* 🔐 Log in to your Spotify account\n* 🔎 Search for tracks\n* 📃 Create custom playlists\n* ➕➖ Add and remove tracks from your playlist\n\n## 🛠️ Technologies Used\n* ⚡ Vite\n* ⚛️ React\n* 📡 Axios\n\n## 📚 How to Use\n* 🔑 Click Login to authenticate with Spotify.\n* 🔍 Use the search bar to find your favorite tracks.\n* ➕ Click Add to include them in your playlist.\n* 📝 Give your playlist a name.\n* 💾 Click Save to Spotify and it’ll appear in your Spotify account!\n\n## 🧠 Lessons Learned\n* Working with OAuth 2.0 authentication flow\n* Managing API calls and authorization headers\n* Handling state and component-based UI updates in React\n* Building a frontend connected to a 3rd-party API\n\n## Screenshots \n![alt text](/src/assets/screenshot-login.png)\n![alt text](/src/assets/screenshot-playlist.png)\n\n## 📄 License\nThis project is licensed under the MIT License.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgazdagb%2Fjammming","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgazdagb%2Fjammming","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgazdagb%2Fjammming/lists"}