{"id":26409222,"url":"https://github.com/bautista225/spotifytools","last_synced_at":"2026-04-13T13:32:10.449Z","repository":{"id":268013372,"uuid":"903019782","full_name":"bautista225/SpotifyTools","owner":"bautista225","description":"🎧 React App to manage Playlist and Profile features in Spotify","archived":false,"fork":false,"pushed_at":"2025-02-24T10:46:58.000Z","size":283,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-12T07:33:59.779Z","etag":null,"topics":["bootstrap","javascript","react","redux-toolkit","vite"],"latest_commit_sha":null,"homepage":"https://bautista225.github.io/SpotifyTools/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bautista225.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-12-13T18:54:23.000Z","updated_at":"2025-02-28T09:16:46.000Z","dependencies_parsed_at":"2024-12-13T20:18:08.070Z","dependency_job_id":"3df7c246-b219-4d5e-bfb8-1ccc3691ef10","html_url":"https://github.com/bautista225/SpotifyTools","commit_stats":null,"previous_names":["bautista225/spotifytools"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bautista225/SpotifyTools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bautista225%2FSpotifyTools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bautista225%2FSpotifyTools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bautista225%2FSpotifyTools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bautista225%2FSpotifyTools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bautista225","download_url":"https://codeload.github.com/bautista225/SpotifyTools/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bautista225%2FSpotifyTools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31754878,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T13:27:56.013Z","status":"ssl_error","status_checked_at":"2026-04-13T13:21:23.512Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["bootstrap","javascript","react","redux-toolkit","vite"],"created_at":"2025-03-17T19:19:39.259Z","updated_at":"2026-04-13T13:32:10.429Z","avatar_url":"https://github.com/bautista225.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎧 Spotify Tools\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=flat-square\u0026logo=react\u0026logoColor=%2361DAFB)\n![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=flat-square\u0026logo=redux\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat-square\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n![React Router](https://img.shields.io/badge/React_Router-CA4245?style=flat-square\u0026logo=react-router\u0026logoColor=white)\n![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=flat-square\u0026logo=bootstrap\u0026logoColor=white)\n![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=flat-square\u0026logo=vite\u0026logoColor=white)\n[![Publish to Github Pages](https://github.com/bautista225/SpotifyTools/actions/workflows/deploy.yml/badge.svg)](https://github.com/bautista225/SpotifyTools/actions/workflows/deploy.yml)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Spotify Tools - Home\" src=\"https://github.com/user-attachments/assets/d7c9841c-2c8a-4ba1-8b8c-fee34f1d7c05\" /\u003e\n\u003c/p\u003e\n\n## 🔎 Overview\nWith the initial intention of sorting a long playlist by most recent added tracks, this application was born. \n\nA responsive SPA for managin playlists and profile statistics for a Spotify Account, developed with React and Redux.\n\n## 🌱 Key features\n- Profile statistics (last year, last 6 months and last 4 weeks):\n  - Number of tracks and artists listened.\n  - Top 10 tracks.\n  - Top 10 artists.\n- Playlists:\n  - Change default order of the playlist between the following values:\n    - Date added\n    - Popularity\n    - Duration\n    - Track name\n    - Artist name\n  - Get playlist's songs by Spotify popularity.\n\n## 📖 Screenshots\n![Home](https://github.com/user-attachments/assets/ab90b224-0c34-42da-a620-42f3cdac14c4)\n![Profile](https://github.com/user-attachments/assets/d575cea2-239e-43f7-9feb-4120550c7c82)\n![Manage playlists](https://github.com/user-attachments/assets/ad830e82-9c98-47ca-b09d-4c7c07e4a3f4)\n![Playlist details](https://github.com/user-attachments/assets/33509388-4652-4708-b13f-0e4013bdabc9)\n\n## 🖥 Installation in local\n### Obtaining a Spotify Client ID\nLogin into Spotify Web API\nIn the dashboard, create a new app adding the following scope: \n```\nplaylist-read-private \nplaylist-read-collaborative \nplaylist-modify-public \nplaylist-modify-private \nuser-read-recently-played \nuser-top-read\nuser-read-private\nuser-read-email\n```\nYou'll retrieve your own client ID.\n### Running in local\nAfter clonning the repository, add a `.env` file with the following content:\n```\nVITE_CLIENT_ID=YOUR-SPOTIFY-DEVELOPER-CLIENT-ID\n```\nIn the root directory of the repo, install the NPM packages with:\n```\nnpm install\n```\nRun an instance in localhost:5173 with:\n```\nnpm run dev\n```\n## Limitations\nSince 2022 the Spotify API has limitations in the number of requests and the user accounts able to login through a Developer Client ID, as it needs to add the user account in the developer panel. If you want to use it by the Github Pages link, don't hesitate to ask me 😉\n\n## ✨ Contributions\nContributions are welcome! If you have ideas to enhance the Spotify Tools App —whether it’s adding new features, improving the design, or expanding the content— feel free to submit a pull request. You can also share suggestions or feedback to help make this project even better!\n\n## ⭐ Support\nIf you find Spotify Tools App helpful or you like what we're doing, please consider giving the repository a star! It's a quick way to show your support for this project.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbautista225%2Fspotifytools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbautista225%2Fspotifytools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbautista225%2Fspotifytools/lists"}