https://github.com/s-kris/rey

RE-imagined Youtube music player for web (& desktop)
https://github.com/s-kris/rey

firebase javascript react react-native-web reactjs youtube youtube-api youtube-api-v3 youtube-player

Last synced: about 2 months ago
JSON representation

RE-imagined Youtube music player for web (& desktop)

• Host: GitHub
• URL: https://github.com/s-kris/rey
• Owner: s-kris
• License: gpl-3.0
• Created: 2018-09-13T02:40:50.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-06-30T05:43:01.000Z (over 2 years ago)
• Last Synced: 2024-10-21T01:58:41.009Z (2 months ago)
• Topics: firebase, javascript, react, react-native-web, reactjs, youtube, youtube-api, youtube-api-v3, youtube-player
• Language: JavaScript
• Homepage:
• Size: 2.06 MB
• Stars: 73
• Watchers: 4
• Forks: 12
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Rey

> A beautiful and intuitive web app to use youtube as a music player 

![screenshot of main ui](https://i.redd.it/z2nrymdg2g511.png)

#### Context:

Many of us use Youtube to listen to music. But Youtube wasn't designed with music in mind. So, I created 'Rey' with simple and intuitive UI which takes youtube as data source! It is only for desktop now ( webapp and standalone app ).

**Details:**

Built with React ( But planning to switch to Preact )

Used react-easy-state instead of redux/mobx. It is way simpler.

Standalone app is nothing but an electron wrapper with https://desktop.appmaker.xyz/.

Used react-native-web to write the UI instead of html tags.

I wrote a detailed post on why I created rey here: https://www.reddit.com/r/Music/comments/8sxjxo/rey_reimagined_youtube_music_player_for_desktop_i/

## Config

Create 'firebase.js' in ./src/config/ with your project config from console.firebase.com

firebase.js

```bash

export const fbaseConfig = {

  apiKey: 'YOUR_FIREBASE_PROJECT_API_KEY',

  authDomain: 'YOUR_FIREBASE_PROJECT.firebaseapp.com',

  databaseURL: 'YOUR_FIREBASE_PROJECT.firebaseio.com',

  projectId: 'YOUR_FIREBASE_PROJECT',

  storageBucket: 'YOUR_FIREBASE_PROJECT.appspot.com',

  messagingSenderId: 'YOUR_FIREBASE_PROJECT_MSG_SEN_ID',

};

```

Create 'youtube.js' in ./src/config/ with your youtube data api key

youtube.js

```bash

export const YOUTUBE_API_KEY = 'YOUR_YOUTUBE_API_KEY';

```

## Run locally

```bash

# install dependencies

npm install

# serve with hot reload at localhost:3000

npm start

# build for production with minification

npm run build

```

## License

GNU General Public License v3.0