{"id":25601035,"url":"https://github.com/arifshariati/react-native-spotify-clone","last_synced_at":"2026-04-28T12:38:44.570Z","repository":{"id":125597500,"uuid":"317242202","full_name":"arifshariati/react-native-spotify-clone","owner":"arifshariati","description":"Spotify let's you listen music online via spotify mobile app (android and IOS). This repo will focus on UI design and implementing minimal features of Spotify. Developed in react-native, aws amplify and graphql","archived":false,"fork":false,"pushed_at":"2023-07-01T18:34:51.000Z","size":1610,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-09T15:51:30.030Z","etag":null,"topics":["aws","aws-amplify","graphql","react-native","spotify"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/arifshariati.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-11-30T14:05:04.000Z","updated_at":"2023-07-12T01:14:36.000Z","dependencies_parsed_at":"2023-07-10T23:45:12.106Z","dependency_job_id":null,"html_url":"https://github.com/arifshariati/react-native-spotify-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/arifshariati/react-native-spotify-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arifshariati%2Freact-native-spotify-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arifshariati%2Freact-native-spotify-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arifshariati%2Freact-native-spotify-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arifshariati%2Freact-native-spotify-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arifshariati","download_url":"https://codeload.github.com/arifshariati/react-native-spotify-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arifshariati%2Freact-native-spotify-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32381691,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T11:25:28.583Z","status":"ssl_error","status_checked_at":"2026-04-28T11:25:05.435Z","response_time":56,"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":["aws","aws-amplify","graphql","react-native","spotify"],"created_at":"2025-02-21T15:39:55.347Z","updated_at":"2026-04-28T12:38:44.561Z","avatar_url":"https://github.com/arifshariati.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-spotify-clone\n\nSpotify let's you listen music online via spotify mobile app (android and IOS). This repo will focus on UI design and implementing minimal features of Spotify.\n\n## Work Flow\n\n### Front-End\n\nThis section lists step by step activities i will carry out for designing front-end of Spotify.\n\n- Adjust bottom tab navigation by adding relative icons form Home, Search, Your Library and Premium screen tabs\n- Home Screen\n\n  - Album Component\n    - Create Album component and design Album Image and title\n  - Album Category\n    - Create Album Category component and place Album components in horizontal FlatList to make it scrollable horizontally\n  - Crate Vertical FlatList to include all Albums in FlatList\n\n- Album Screen\n\n  - Song List component where all songs are listed in FlatList\n  - Album Header component where Album details are placed on top of the playlist\n\n- Player Widget\n  - Player Widget plays current song and is displays in every screen\n\n## Back-End\n\nFor this project i have used aws amplify for the back-end and graphql. As per the app features, it does not have mutations rather only queries, and working with graphql in this project is relatively easy. At the moment mutation is done manually, which if required to expand the scope of the project, shall be done via web front-end though admin account only.\n\nTo, set up aws amplify, you can read complete documentation on how to set up with expo for react-native.\n\n## Screenshots\n\nThough not much fancy UI however, still good to check it out and play around with songs.\n\n![home-screen](/screenshots/home-screen.png)\n![album-screen-english](/screenshots/album-screen-english.png)\n![album-screen-farsi](/screenshots/album-screen-farsi.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farifshariati%2Freact-native-spotify-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farifshariati%2Freact-native-spotify-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farifshariati%2Freact-native-spotify-clone/lists"}