https://github.com/stefanosaffran/spotify-clone
🎶 Spotify Clone
https://github.com/stefanosaffran/spotify-clone
design javascript react-native spotify
Last synced: over 1 year ago
JSON representation
🎶 Spotify Clone
- Host: GitHub
- URL: https://github.com/stefanosaffran/spotify-clone
- Owner: StefanoSaffran
- License: mit
- Created: 2020-02-07T10:20:02.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T05:24:04.000Z (over 2 years ago)
- Last Synced: 2025-03-18T06:35:53.703Z (over 1 year ago)
- Topics: design, javascript, react-native, spotify
- Language: JavaScript
- Homepage:
- Size: 31.3 MB
- Stars: 18
- Watchers: 1
- Forks: 3
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Project |
Built with |
Images/gifs |
How to run |
License |
Get in touch
## :rocket: Built with
This project was developed with the following technologies:
- [React Native](https://facebook.github.io/react-native/)
- [Expo](https://expo.io/)
- [Styled Components](https://www.styled-components.com/)
- [Axios](https://github.com/axios/axios)
- [Json Server](https://github.com/typicode/json-server)
- [React Navigation](https://reactnavigation.org/)
- [React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [VS Code](https://code.visualstudio.com/)
## :iphone: Images/gifs
### :new: New feat - Animated music player
## :information_source: How to run
### Requirements
To run the application you will need:
* [Git](https://git-scm.com)
* [Node](https://nodejs.org/)
* [Yarn](https://yarnpkg.com/)
The 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.
Now clone the repository and install the dependencies.
```bash
# to clone the repository
git clone https://github.com/StefanoSaffran/spotify-clone.git
# go into the project folder
cd spotify-clone
#install the dependencies
yarn
```
In order to run the application on your device, you need to change the ip config in 2 places.
1. [package.json](https://github.com/StefanoSaffran/spotify-clone/blob/master/package.json)
```json
"server": "json-server --host 192.168.0.185 -p3333 db.json -w"
```
2. [api.js](https://github.com/StefanoSaffran/spotify-clone/blob/master/src/services/api.js)
```javascript
baseURL: 'http://192.168.0.185:3333',
```
replace 192.168.0.185 with your machine's ip.
Now with everything on place, run the json-server that has the application data and then run the app.
```bash
# to run the json-server
yarn server
# to run the app
yarn start
```
Expo will open a page in your browser, scan the QRcode on the page and wait for the app to load.
> The Application was developed and tested on Iphone 6s
---
### TODO
- [x] Animated music player
- [ ] Profile Page
## :page_facing_up: License
This project is under the MIT license. See the [LICENSE](https://github.com/StefanoSaffran/spotify-clone/blob/master/LICENSE) for more information
## :mailbox_with_mail: Get in touch!
---
Made with :coffee: and ❤️ by Stefano Saffran.