{"id":27337861,"url":"https://github.com/martinweiss01/spotify-vue","last_synced_at":"2026-06-29T15:31:13.923Z","repository":{"id":164809127,"uuid":"640240726","full_name":"MartinWeiss01/spotify-vue","owner":"MartinWeiss01","description":"🎵 Spotify Account Stats Webapp","archived":false,"fork":false,"pushed_at":"2023-05-19T00:50:15.000Z","size":200,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-08T20:53:23.083Z","etag":null,"topics":["axios","cypress","pinia","rest-api","spotify-web-api","vue","vuejs3","vuetify3"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/MartinWeiss01.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":"2023-05-13T12:48:01.000Z","updated_at":"2025-06-11T19:35:30.000Z","dependencies_parsed_at":"2023-05-22T18:30:11.493Z","dependency_job_id":null,"html_url":"https://github.com/MartinWeiss01/spotify-vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MartinWeiss01/spotify-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWeiss01%2Fspotify-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWeiss01%2Fspotify-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWeiss01%2Fspotify-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWeiss01%2Fspotify-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MartinWeiss01","download_url":"https://codeload.github.com/MartinWeiss01/spotify-vue/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWeiss01%2Fspotify-vue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34933498,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-29T02:00:05.398Z","response_time":58,"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":["axios","cypress","pinia","rest-api","spotify-web-api","vue","vuejs3","vuetify3"],"created_at":"2025-04-12T15:25:08.127Z","updated_at":"2026-06-29T15:31:13.879Z","avatar_url":"https://github.com/MartinWeiss01.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Spotify Stats App\n\nThis app allows users to find out details about their music tastes based on their Spotify account.\n\nThe user will find an overview of their most listened to artists, songs and also the most frequently listened genres.\n\nThis overview can be obtained from the last 1 month, the last 6 months or the entire history of the account.\n\nUsers can also view their recently played tracks, find duplicates in their playlists and delete duplicated from selected playlist if wanted. \n\n# Security Policy\n\nThis app doesn't store any data on third party servers, whole app is completely client-sided only and call Spotify API endpoints only.\n## Installation\n\nAfter cloning this repository in your terminal, enter the commands \n\n```bash\n  cd waf_ss2022_xweiss3\n  npm install\n```\n\nNPM will download all the necessary packages at this point. Next, you need to create a \".env\" file in the root of this application, into which you will insert the following variables:\n\n```\nVITE_SPOTIFY_CLIENT_ID=YOUR_APP_CLIENT_ID\nVITE_SPOTIFY_REDIRECT_URI=http://localhost:8000/auth/spotify/callback\nVITE_SPOTIFY_USER_API=https://api.spotify.com/v1\nVITE_APP_URL=http://localhost:8000\n```\n## Generate app's Client ID\n\nVisit the https://developer.spotify.com/dashboard and log in with your Spotify account.\n\nClick on ‘Create app’ button.\n\nNow you need to enter the App name and App description of your choice, Website is optional.\n\nRedirect URI needs to be same as VITE_SPOTIFY_REDIRECT_URI in .env file, so by default it has to be 'http://localhost:8000/auth/spotify/callback'\n\nThen, check the checkbox and click on ’Save’ button.\n\nAfter creation, you can see your Client ID after clicking on ’Settings’ button.\nThen, all you have to do is change value of VITE_SPOTIFY_CLIENT_ID variable in .env file to your actual Client ID.\n### Compile and Hot-Reload for Development\n\n```sh\nnpm run dev\n```\n\n### Type-Check, Compile and Minify for Production\n\n```sh\nnpm run build\n```\n\n### Run Unit Tests with [Vitest](https://vitest.dev/)\n\n```sh\nnpm run test:unit\n```\n\n### Run End-to-End Tests with [Cypress](https://www.cypress.io/)\n\n```sh\nnpm run test:e2e:dev\n```\n\nThis runs the end-to-end tests against the Vite development server.\nIt is much faster than the production build.\n\nBut it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments):\n\n```sh\nnpm run build\nnpm run test:e2e\n```\n\n## Recommended IDE Setup\n\n[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).\n\n## Type Support for `.vue` Imports in TS\n\nTypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.\n\nIf the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:\n\n1. Disable the built-in TypeScript Extension\n    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette\n    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`\n2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.\n\n## Customize configuration\n\nSee [Vite Configuration Reference](https://vitejs.dev/config/).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartinweiss01%2Fspotify-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmartinweiss01%2Fspotify-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartinweiss01%2Fspotify-vue/lists"}