{"id":19085803,"url":"https://github.com/helcioitiyama/spotify_pocket","last_synced_at":"2026-05-06T06:39:32.232Z","repository":{"id":41628988,"uuid":"269395464","full_name":"helcioItiyama/Spotify_Pocket","owner":"helcioItiyama","description":"Developed during Codenation bootcamp, with ReactJs and Redux.","archived":false,"fork":false,"pushed_at":"2023-01-06T07:54:23.000Z","size":77427,"stargazers_count":1,"open_issues_count":21,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-02T21:48:21.667Z","etag":null,"topics":["bem-css","fetch-api","hooks","reactjs","redux","redux-persist"],"latest_commit_sha":null,"homepage":null,"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/helcioItiyama.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}},"created_at":"2020-06-04T15:24:50.000Z","updated_at":"2023-04-06T12:39:10.000Z","dependencies_parsed_at":"2023-02-05T16:15:54.986Z","dependency_job_id":null,"html_url":"https://github.com/helcioItiyama/Spotify_Pocket","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/helcioItiyama%2FSpotify_Pocket","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helcioItiyama%2FSpotify_Pocket/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helcioItiyama%2FSpotify_Pocket/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/helcioItiyama%2FSpotify_Pocket/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/helcioItiyama","download_url":"https://codeload.github.com/helcioItiyama/Spotify_Pocket/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240137019,"owners_count":19753648,"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":["bem-css","fetch-api","hooks","reactjs","redux","redux-persist"],"created_at":"2024-11-09T02:57:31.946Z","updated_at":"2026-05-06T06:39:27.206Z","avatar_url":"https://github.com/helcioItiyama.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## :arrow_right: ABOUT THE PROJECT\n\nThis project was developed during Codenation Bootcamp using ReactJS and Redux.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg alt =\"homepage\" src=\"https://github.com/helcioItiyama/Spotify_Pocket/blob/master/src/assets/images/demo.gif\"/\u003e\n\u003c/p\u003e\n\n## :arrow_right: In this challenge it was used pratical knowledges of:\n\n- Fetch API\n- JS Funcional: Map, Filter\n- Modularization: BEM (Block, Element and Modifier)\n- Presentational \u0026 Container Components\n- Rails-Style Structure\n- React Hooks, useState, useEffect, useRef\n- React Testing Library\n- React\n- React Router Dom\n- Private Routes\n- Redux: ActionTypes, Action Creators, Reducers, Store\n- Redux Persist: LocalStorage\n\n## :information_source: HOW TO RUN THE APPLICATION\n\nTo clone and run this application, you'll need Git, NodeJS, Babel, WebPack.\n\nYou just need to run the following commands:\n\n```bash\n# Clone this repository\n$ https://github.com/helcioItiyama/Spotify_Pocket.git\n\n# Go into the repository\n$ cd Spotify_Pocket.git\n\n# Install dependencies\n$ yarn\n\n# Run page\n$ yarn start\n```\n\nAbout the Spotify Web API:\nFirst you have to create a development account on Spotify and register your application:\n\n1) Create a Spotify account\nTo use a Web API, you must have a user account (premium or free). Create a free account at www.spotify.com. After creating an account, go to a Dashboard page https://developer.spotify.com/dashboard.\n\n2) After completing the registration you will be redirected to the React Pocket Spotify analytics page where the Client ID and Client Secret tokens will be revealed. You will only need to use your ClientID on Index file at Config Folder.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhelcioitiyama%2Fspotify_pocket","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhelcioitiyama%2Fspotify_pocket","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhelcioitiyama%2Fspotify_pocket/lists"}