{"id":16786221,"url":"https://github.com/stefanosaffran/spotify-clone","last_synced_at":"2025-03-22T00:32:27.524Z","repository":{"id":38918712,"uuid":"238895444","full_name":"StefanoSaffran/spotify-clone","owner":"StefanoSaffran","description":"🎶 Spotify Clone ","archived":false,"fork":false,"pushed_at":"2023-12-15T05:24:04.000Z","size":32776,"stargazers_count":18,"open_issues_count":17,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T06:35:53.703Z","etag":null,"topics":["design","javascript","react-native","spotify"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StefanoSaffran.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}},"created_at":"2020-02-07T10:20:02.000Z","updated_at":"2024-05-25T11:26:47.000Z","dependencies_parsed_at":"2024-10-13T08:21:47.289Z","dependency_job_id":null,"html_url":"https://github.com/StefanoSaffran/spotify-clone","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/StefanoSaffran%2Fspotify-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefanoSaffran%2Fspotify-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefanoSaffran%2Fspotify-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StefanoSaffran%2Fspotify-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StefanoSaffran","download_url":"https://codeload.github.com/StefanoSaffran/spotify-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244890102,"owners_count":20527030,"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":["design","javascript","react-native","spotify"],"created_at":"2024-10-13T08:11:38.965Z","updated_at":"2025-03-22T00:32:27.240Z","avatar_url":"https://github.com/StefanoSaffran.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"assets/logo.png\" width=\"300\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg alt=\"Last commit on GitHub\" src=\"https://img.shields.io/github/last-commit/StefanoSaffran/spotify-clone\"\u003e\n\u003cimg alt=\"Made by Stefano\" src=\"https://img.shields.io/badge/made%20by-StefanoSaffran-%20\"\u003e\n\u003cimg alt=\"Project top programing language\" src=\"https://img.shields.io/github/languages/top/StefanoSaffran/spotify-clone\"\u003e\n\u003cimg alt=\"GitHub license\" src=\"https://img.shields.io/github/license/StefanoSaffran/spotify-clone\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#computer-project\"\u003eProject\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#rocket-built-with\"\u003eBuilt with\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#iphone-imagesgifs\"\u003eImages/gifs\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#information_source-how-to-run\"\u003eHow to run\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#page_facing_up-license\"\u003eLicense\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#mailbox_with_mail-get-in-touch\"\u003eGet in touch\u003c/a\u003e\n\u003c/p\u003e\n\n## :rocket: Built with\n\nThis project was developed with the following technologies:\n\n-  [React Native](https://facebook.github.io/react-native/)\n-  [Expo](https://expo.io/)\n-  [Styled Components](https://www.styled-components.com/)\n-  [Axios](https://github.com/axios/axios)\n-  [Json Server](https://github.com/typicode/json-server)\n-  [React Navigation](https://reactnavigation.org/)\n-  [React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)\n-  [ESLint](https://eslint.org/)\n-  [Prettier](https://prettier.io/)\n-  [VS Code](https://code.visualstudio.com/)\n\n## :iphone: Images/gifs\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085670/spotify/nxjoizolo5dxjkzrlwja.png\" height=\"250\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085669/spotify/qahzcvew7zwqxviii3q0.png\" height=\"250\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085668/spotify/wo714hrmjxdbbwhwxnug.png\" height=\"250\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085668/spotify/qi64z7z8qazfyu3vhpup.png\" height=\"250\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085670/spotify/ekypbzlbr2qygi10eo0o.png\" height=\"250\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085670/spotify/tfmkvfnlzjplyhsiq2um.png\" height=\"250\"\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581092143/spotify/prapyjjxtzkuxv31nbgd.gif\" height=\"320\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085696/spotify/sengxslrzmfnfqxrs40i.gif\" height=\"320\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581085691/spotify/g8pfqwbylauz9wsszzmo.gif\" height=\"320\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581092145/spotify/onibeefqcdm0vsrefixh.gif\" height=\"320\"\u003e\n\u003c/p\u003e\n\n### :new: New feat - Animated music player\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://res.cloudinary.com/stefanosaffran/image/upload/v1581613970/spotify/klqpipcbtyrrjymuamom.gif\" height=\"320\"\u003e\n\u003c/p\u003e\n\n## :information_source: How to run\n\n### Requirements\n\nTo run the application you will need:\n* [Git](https://git-scm.com)\n* [Node](https://nodejs.org/)\n* [Yarn](https://yarnpkg.com/)\n\nThe Application was developed using Expo. It is a free and open source toolchain built around React Native to facilitate the process of running and testing applications. [Click here](https://expo.io/learn) to get start with Expo.\n\nNow clone the repository and install the dependencies.\n```bash\n# to clone the repository\ngit clone https://github.com/StefanoSaffran/spotify-clone.git\n\n# go into the project folder\ncd spotify-clone\n\n#install the dependencies\nyarn\n\n```\n\nIn order to run the application on your device, you need to change the ip config in 2 places.\n\n1. [package.json](https://github.com/StefanoSaffran/spotify-clone/blob/master/package.json)\n```json\n  \"server\": \"json-server --host 192.168.0.185 -p3333 db.json -w\"\n```\n2. [api.js](https://github.com/StefanoSaffran/spotify-clone/blob/master/src/services/api.js)\n```javascript\n  baseURL: 'http://192.168.0.185:3333',\n```\nreplace 192.168.0.185 with your machine's ip.\n\nNow with everything on place, run the json-server that has the application data and then run the app.\n```bash\n# to run the json-server\nyarn server\n\n# to run the app\nyarn start\n```\nExpo will open a page in your browser, scan the QRcode on the page and wait for the app to load.\n\n\u003e The Application was developed and tested on Iphone 6s\n\n---\n\n### TODO\n\n- [x] Animated music player\n- [ ] Profile Page\n\n## :page_facing_up: License\n\nThis project is under the MIT license. See the [LICENSE](https://github.com/StefanoSaffran/spotify-clone/blob/master/LICENSE) for more information\n\n## :mailbox_with_mail: Get in touch!\n\n\u003ca href=\"https://stefanosaffran.com\" target=\"_blank\" \u003e\n  \u003cimg alt=\"Website - Stefano Saffran\" src=\"https://img.shields.io/badge/Website--%23F8952D?style=social\"\u003e\n\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003ca href=\"https://www.linkedin.com/in/stefanosaffran/\" target=\"_blank\" \u003e\n  \u003cimg alt=\"Linkedin - Stefano Saffran\" src=\"https://img.shields.io/badge/Linkedin--%23F8952D?style=social\u0026logo=linkedin\"\u003e\n\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003ca href=\"mailto:stefanoas@gmail.com\" target=\"_blank\" \u003e\n  \u003cimg alt=\"Email - Stefano Saffran\" src=\"https://img.shields.io/badge/Email--%23F8952D?style=social\u0026logo=gmail\"\u003e\n\u003c/a\u003e\n\n---\n\nMade with :coffee: and ❤️ by Stefano Saffran.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstefanosaffran%2Fspotify-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstefanosaffran%2Fspotify-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstefanosaffran%2Fspotify-clone/lists"}