{"id":26353849,"url":"https://github.com/melzarjanchico/my-spotify-stats","last_synced_at":"2026-04-10T00:08:44.495Z","repository":{"id":262054524,"uuid":"867960685","full_name":"melzarjanchico/my-spotify-stats","owner":"melzarjanchico","description":"A simple project showing my Spotify top songs using React + TypeScript + Vite via Spotify Web API","archived":false,"fork":false,"pushed_at":"2024-11-10T07:15:32.000Z","size":1042,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-10T08:19:29.508Z","etag":null,"topics":["css","html","javascript","react","spotify-api","tailwind","typescript","vercel","vite"],"latest_commit_sha":null,"homepage":"https://melzarr-spotify-stats.vercel.app","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/melzarjanchico.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":"2024-10-05T05:31:29.000Z","updated_at":"2024-11-10T07:15:35.000Z","dependencies_parsed_at":"2024-11-10T08:29:46.155Z","dependency_job_id":null,"html_url":"https://github.com/melzarjanchico/my-spotify-stats","commit_stats":null,"previous_names":["melzarjanchico/my-spotify-stats"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melzarjanchico%2Fmy-spotify-stats","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melzarjanchico%2Fmy-spotify-stats/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melzarjanchico%2Fmy-spotify-stats/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melzarjanchico%2Fmy-spotify-stats/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/melzarjanchico","download_url":"https://codeload.github.com/melzarjanchico/my-spotify-stats/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243860575,"owners_count":20359761,"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":["css","html","javascript","react","spotify-api","tailwind","typescript","vercel","vite"],"created_at":"2025-03-16T11:28:26.879Z","updated_at":"2025-12-30T20:05:01.530Z","avatar_url":"https://github.com/melzarjanchico.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# My Spotify Stats\n\nThis is just a simple React + TS + Vite side project for showing my general profile details, currently played track, and top tracks in Spotify via their Web API.\n\nMore features might be coming soon (don't count on it lmao).\n\n ![My Spotify Stats Mock-up Pt.1](./public/assets/mock-up-v1.png)\n\n ### 💻 Demo\n\n It's live at [melzarr-spotify-stats.vercel.app](https://melzarr-spotify-stats.vercel.app).\n \n Although, when you try to authorize your Spotify account to use it, it won't allow you since it's still in development mode. Still need to apply to Spotify to evaluate the app for a [quota extension](https://developer.spotify.com/documentation/web-api/concepts/quota-modes).\n\n If you really need to, just hmu [@melzarjanchico](mailto:melzarjanchico@gmail.com) to include you in the allowlist.\n\n## Local Development\n\n### 📝 Prerequisites\nEnsure you have the following installed:\n- Node.js (version 20.x or higher)\n- npm (version 9.x or higher)\n\n### 🔧 Getting Started\n1. Clone and change directory to the repository\n    ```bash\n      git clone https://github.com/melzarjanchico/my-spotify-stats.git\n      cd my-spotify-stats\n    ```\n\n2. Install packages\n    ```bash\n      # Shortened npm install in the package.json\n      npm i\n    ```\n\n3. Type the following commands to explore:\n    ```bash\n      # To run dev environment\n      npm run dev\n\n      # To build\n      npm run build\n\n      # To run linter\n      npm run lint\n    ```\n\n4. You should be able to open the app via `localhost` (type `localhost:5173` in your browser). However, it should not yet work since you need to set-up your `.env` variables.\n\n5. Set the .env variables. Just make an `.env` file in the root and provide the following:\n    ```env\n      VITE_CLIENT_ID=\"\u003cYOUR SPOTIFY APP CLIENT ID HERE\u003e\"\n      VITE_CLIENT_SECRET=\"\u003cYOUR SPOTIFY APP SECRET ID HERE\u003e\"\n      VITE_URL=\"http://localhost:5173\"\n      VITE_NODE_ENV = \"local\"\n    ```\n\n      You can refer to [Spotify's Web API documentation](https://developer.spotify.com/documentation/web-api) to make your own client ID and Secret. You can also refer there the endpoints you'll need.\n\n\u003c!-- The yap in me is tremendous lmao --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelzarjanchico%2Fmy-spotify-stats","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmelzarjanchico%2Fmy-spotify-stats","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelzarjanchico%2Fmy-spotify-stats/lists"}