{"id":15522601,"url":"https://github.com/xsidx/my-spotify","last_synced_at":"2025-10-30T19:08:05.297Z","repository":{"id":114592755,"uuid":"530650802","full_name":"XsidX/my-spotify","owner":"XsidX","description":"MySpotify is a fully responsive web application that:  Displays a list of a users favourite artists Displays each artist's top Tracks Allows users to search for any Artists and view their top 5 latest albums","archived":false,"fork":false,"pushed_at":"2024-01-19T10:02:55.000Z","size":379,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-04-23T05:08:39.140Z","etag":null,"topics":["createasyncthunk","framer-motion","reactjs","redux","tailwindcss"],"latest_commit_sha":null,"homepage":"https://my-spotify-sid.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/XsidX.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":"2022-08-30T12:39:11.000Z","updated_at":"2022-09-05T14:45:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"abd5c243-7390-41e5-9b0d-ea8de026c9ea","html_url":"https://github.com/XsidX/my-spotify","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XsidX%2Fmy-spotify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XsidX%2Fmy-spotify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XsidX%2Fmy-spotify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XsidX%2Fmy-spotify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/XsidX","download_url":"https://codeload.github.com/XsidX/my-spotify/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250372934,"owners_count":21419722,"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":["createasyncthunk","framer-motion","reactjs","redux","tailwindcss"],"created_at":"2024-10-02T10:41:40.620Z","updated_at":"2025-10-30T19:08:05.219Z","avatar_url":"https://github.com/XsidX.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/Microverse-blueviolet)\n\n# My Spotify\n\n\u003e My spotify is a web application that:\n - Displays a list of a users favourite artists\n - Displays each artist's top Tracks\n - Allows users to search for any Artists and view their top 5 latest albums\n\n## Built With\n\n- React(Create React App)\n- Tailwind CSS\n- Framer Motion\n- [Spotify API](https://developer.spotify.com/documentation/web-api/).\n\n## Live Link\n\nCheck out the live demo [here](https://my-spotify-sid.netlify.app/).\n\n## Presentation Demo\n\n[Here](https://www.loom.com/share/108c6d56b23a45f6a6d7ad4599a5f531) is a short demo, previewing the app.\n\n## Getting Started\n\n## Prerequisites\n\n- React \u0026 Redux\n\n## Install\n\n- run `git clone git@github.com:XsidX/my-spotify.git` on your terminal\n- cd into the directory\n- run `npm install`\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n## Authors\n\n👤 **Sidney**\n\n- GitHub: [XsidX](https://github.com/XsidX)\n- Twitter: [@\\_sid_o](https://twitter.com/_sid_o_)\n- LinkedIn: [Sidney Kaguli](https://www.linkedin.com/in/sidney-kaguli-0116801a6/)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgments\n- Original [design](\u003chttps://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)\u003e) idea by [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) on Behance.\n- The spotify app design 🎉\n- Hat tip to anyone whose code was used\n- Inspiration\n- etc\n\n\n## 📝 License\n\nThis project is [MIT](https://github.com/XsidX/my-spotify/blob/dev/MIT.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxsidx%2Fmy-spotify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxsidx%2Fmy-spotify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxsidx%2Fmy-spotify/lists"}