Giter Club home page Giter Club logo

kord's Introduction

Pinned:

GitHub Overview

Hi there I'm Bundit👋 (bun-dit)

I am a Software Engineer and a San José State University graduate who mostly develops in JavaScript. I graduated with Cum Laude Honors and received the Dean's Scholar award for 5 consecutive semesters. I also completed the SJSU Cybersecurity Certificate during my time there.

What am I up to?

Currently, I am a Software Engineer at Pacaso!

I also like to build stuff and share them with the world! I recently built Kord: a streaming site that combines Spotify, Soundcloud, and YouTube and I open sourced it here on my GitHub. As of now, 2,000+ users have signed up!

Let's Connect!

If you'd like to reach out to me about any opportunities or collaboration feel free to connect with me on LinkedIn!
You can also email me at [email protected]

Main Experience

  • JavaScript
  • React (Nextjs, Gatsby)
  • Redux
  • HTML, CSS, SCSS
  • Node.js (Express)
  • SQL (MySQL, PostgreSQL)

Limited Experience

  • Java
  • C++
  • Python

kord's People

Contributors

bundit avatar khaoz-topsy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

kord's Issues

Can't link soundCloud

When I click on submit to link my souncloud account, it gets and error:
Capture

Edit:
That was my mistake, sry to bring it up.

Cannot get Kord to start

Hello,

iam quite new to nodejs and all the realted stuff and i really struggle to get kord running.

I did everything according to the documentation but when i run "yarn dev" it fails with the following error:


XXXXX@XXXXXXX:~/kord/kord-app$ yarn dev
yarn run v1.22.11
$ node_modules/.bin/concurrently "nodemon -r dotenv/config server.js" "cd client && yarn start" "cd landing && yarn start"
$ react-scripts start
[1] /bin/sh: 1: react-scripts: not found
error Command failed with exit code 127.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
[0] [nodemon] 2.0.4
[0] [nodemon] to restart at any time, enter `rs`
[1] cd client && yarn start exited with code 127
[0] [nodemon] watching path(s): *.*
[0] [nodemon] watching extensions: js,mjs,json
[0] [nodemon] starting `node -r dotenv/config server.js`
$ npm run develop
[2] npm WARN lifecycle The node binary used for scripts is /tmp/yarn--1629831242600-0.2675369837861312/node but npm is using /home/XXXXXX/.nvm/versions/node/v11.12.0/bin/node itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.
[2]
[2] > [email protected] develop /home/XXXXXXX/kord/kord-app/landing
[2] > gatsby develop -H 0.0.0.0
[2]
[2] sh: 1: gatsby: not found
[2] npm ERR! file sh
[2] npm ERR! code ELIFECYCLE
[2] npm ERR! errno ENOENT
[2] npm ERR! syscall spawn
[2] npm ERR! [email protected] develop: `gatsby develop -H 0.0.0.0`
[2] npm ERR! spawn ENOENT
[2] npm ERR!
[2] npm ERR! Failed at the [email protected] develop script.
[2] npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
[2] npm WARN Local package.json exists, but node_modules missing, did you mean to install?
[2]
[2] npm ERR! A complete log of this run can be found in:
[2] npm ERR!     /home/XXXXXX/.npm/_logs/2021-08-24T18_54_02_776Z-debug.log
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
[2] cd landing && yarn start exited with code 1
[0] (node:7015) ExperimentalWarning: The fs.promises API is experimental
[0] Listening on port 8888.
[0] (node:7015) UnhandledPromiseRejectionWarning: error: relation "keys" does not exist
[0]     at Connection.parseE (/home/XXXXXX/kord/kord-app/node_modules/pg/lib/connection.js:614:13)
[0]     at Connection.parseMessage (/home/XXXXXX/kord/kord-app/node_modules/pg/lib/connection.js:413:19)
[0]     at TLSSocket.<anonymous> (/home/XXXXXXX/kord/kord-app/node_modules/pg/lib/connection.js:129:22)
[0]     at TLSSocket.emit (events.js:197:13)
[0]     at addChunk (_stream_readable.js:288:12)
[0]     at readableAddChunk (_stream_readable.js:269:11)
[0]     at TLSSocket.Readable.push (_stream_readable.js:224:10)
[0]     at TLSWrap.onStreamRead [as onread] (internal/stream_base_commons.js:150:17)
[0] (node:7015) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
[0] (node:7015) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
[0] Connected to DB {"now":"2021-08-24T18:54:02.834Z"}

[0] GET / 302 88 - 3.591 ms


Would packing the thing into a docker container be an option for your ?

Thank you !

Connecting Spotify fails if user has no profile image

Connecting and refreshing your Spotify account fails when the user has no profile image, showing an error message saying "UNHANDLED ERRORUNDEFINED". I figured out that this was the cause by just pausing on exception and finding json.images[0].url in mapJsonToProfile throwin an error because json.images is an empty array in my case.

Help with changing the source code and create an android app for personal use

Hello,

I love the site and I was looking for an Android app that could do this!

I was wondering if there was a way for doing the following and convert it to an android app or something similar for mobile browsing:

1)Merge all the results instead of separating Spotify and the other services and remove the need to select "Show / Hide" or having a setting options to simply show "All" rather than selecting a default subscription.

2)Make the sound work even when the screen is off.

So far I was really happy with the "Add to Home" Chrome feature but the two changes I mentioned could make it a lot better!

Thanks in advance.

Ps. I am no programmer therefore I may have asked unrealistic things!

UI "playing" state out of sync when playback is controlled by global media keys

Browser: Firefox 85.0.1
OS: Linux (Ubuntu)

All evergreen browsers now support "global media hotkey" playback control via the https://developer.mozilla.org/en-US/docs/Web/API/MediaSession API, and so it is possible to play/pause Kord globally with a keyboard media key, but as of today the current playback state becomes out of sync with the UI when media keys are used to control playback.

It would be great if Kord accurately reflected in the UI whether or not media is currently playing - this is essentially strictly aesthetic, so certainly not a critical or breaking issue!

I didn't look too deeply into how this would work, but I do know that YouTube for instance does correctly reflect the current playback state in its play/pause icons in the player, so I know there is some way to listen for this change as it comes from either the global media controls or the player controls themselves.

Thanks for the neat app, I'm enjoying using it 👍

Youtube login with Google account is blocked

Trying to connect my YouTube account with my Google account gives me the following error

This app is blocked
This app tried to access sensitive info in your Google Account. To keep your account safe, Google blocked this access.

Can't link SoundCloud

user: soundcloud.com/seriousm-1
GET: https://api.soundcloud.com/users/seriousm-1?client_id=e38841b15b2059a39f261df195dfb430
RESPONSE:

{"code":400,"message":"Invalid user id: 'seriousm-1'","link":"https://developers.soundcloud.com/docs/api/explorer/open-api","status":"400 - Bad Request","errors":[{"error_message":"Invalid user id: 'seriousm-1'"}],"error":null}

Regarding to the soundcloud swagger page https://developers.soundcloud.com/docs/api/explorer/open-api an userId (numeric) is required to get a user with /users/{user_id}.

You could run a search with a limit to 1 in order to get the userid of an user based on his username:
https://api.soundcloud.com/users?q=seriousm-1&limit=1&linked_partitioning=true&client_id=e38841b15b2059a39f261df195dfb430
Then it's possible to query the user with the userid:
https://api.soundcloud.com/users/4640955?client_id=e38841b15b2059a39f261df195dfb430

using my id 4640955 on kord works btw. so kord is not broken entirely.

Cant Search for titles / artists containing special characters

reproduction:
OS: Win 10 Home,
Browser: MS Edge Version 88.0.705.81 (Offizielles Build) (64-Bit)
Search for "A$AP Rocky"

what should happen:
Every song containing the artist / title "A$AP Rocky" should be found

what happened:
Nothing was found, see screenshot

image

Feature to make Kord playlists

Being able to save a playlist of items from all streaming platforms would instantly make this a daily driver for me, and probably many other people. Hope this is something you might consider working on!

Update YouTube logos/icons to follow branding guidelines

Violation on YouTube API Services - Developer Policies - Policy F

Excerpt from ToS Violation Report

F (User Experience)
Policy #: III.F.2 (Branding guidelines)
● Violation: YouTube logos and text below do not follow our Branding guidelines and
Branding Resources please review and update.

Proposed Solution: Kindly do not modify the YouTube logos or YouTube Icons. The icon present
in the API Client website should follow the branding guidelines of YouTube General Developer
Policies.

.env variable examples in README

Everything else in the README is clear, and I can get the app running on my on computer just fine, but I can't seem to get the login working. I can't figure out what I'm supposed to set these four variables in the .env file to. Nothing happens after I press "Allow" on in the Youtube/Spotify login window.

SPOTIFY_CALLBACK=XXXXX
SPOTIFY_LINK_CALLBACK=XXXXX
YOUTUBE_CALLBACK=XXXXX
YOUTUBE_LINK_CALLBACK=XXXXX

Could the README be updated to provide example values for the environmental variables (for a dev environment)?

Allow saved YT playlist

YT has a feature to save playlists from other people so they're visible on your account, it would be nice if Kord included those playlists as well when importing playlists.

Add license, readme

It would be nice if a license file and a readme were added to the repository to give more information about the software, and make clear under what permissions, circumstances, etc can the code be modified and shared. This site has good license information.

Connect with Spotify fails

I use Firefox - latest version and Chrome - latest version.

When I joined Kord I selected Spotify which worked and I saw the interface.
Then I connected YT and Soundcloud.

For soundcloud the profile url must be explicitly start with "soundcloud.com", not "https://soundcloud.com"

I didn't see any spotify playlists so I tried to refresh the spotify souce but got an error.
The network panel reveals that the request worked well so I guess kord can't process it.

I removed the spotify source and tried to add it again but got an error from spotify:

URL: https://accounts.spotify.com/authorize?show_dialog=true&response_type=code&redirect_uri=https%3A%2F%2Fwww.kord.app%2Fauth%2Fspotify%2Flink%2Fcallback&scope=user-read-email%20user-read-private%20user-read-playback-state%20streaming%20user-modify-playback-state%20playlist-modify-public%20user-library-modify%20user-top-read%20playlist-read-collaborative%20user-read-currently-playing%20playlist-read-private%20user-follow-read%20user-read-recently-played%20playlist-modify-private%20user-library-read&client_id=4eed0f25c5e84aedb858c6ab99ce30f0

INVALID_CLIENT: Invalid redirect URI

When login to kord with spotify the url is different: https://accounts.spotify.com/en/authorize?show_dialog=true&response_type=code&redirect_uri=https:%2F%2Fwww.kord.app%2Fauth%2Fspotify%2Fcallback&scope=user-read-email%20user-read-private%20user-read-playback-state%20streaming%20user-modify-playback-state%20playlist-modify-public%20user-library-modify%20user-top-read%20playlist-read-collaborative%20user-read-currently-playing%20playlist-read-private%20user-follow-read%20user-read-recently-played%20playlist-modify-private%20user-library-read&client_id=4eed0f25c5e84aedb858c6ab99ce30f0

I kord has a url encode problem when logged in in kord.

References to YouTube ToS & PP needed in Kord ToS & PP

Violation on YouTube API Services - Developer Policies - Policy A

Excerpt from ToS Violation Report

A (API Client Terms of Use and Privacy Policies)
Policy #: III.A.1,2(h)( API Client Terms of Use and Privacy Policies)
● Violation:
○ No reference to YouTube Terms of Service (ToS) in API Client’s ToS.
○ No reference/link to Google Privacy Policy.
○ No reference to revoke the API Client's access to users data via the Google
security settings page at
https://security.google.com/settings/security/permissions

Proposed Solution: Kindly add the links of YouTube Terms Of Services in your terms of service
page and Google Privacy policy in your Privacy Policy Page and Revocation link for users in
Google security setting page at https://security.google.com/settings/security/permissions

PWA not available due to failing to load manifest.json

Just started trying out your app, Its great!
I wanted to "install" your app as desktop app, however the option isn't available. I see that the service worker that is packaged with the Create React App exists sw.js, but the manifest.json is missing.

Looking a bit deeper I see that you do have a manifest.json and the file loads correctly on the landing page. But when using the player it does not load the manifest.json. It may be something with being in the /app directory and/or some url rewrite rules in express 🤔

Spam click on background on kord.app/login creates masive lagg

Navigate to https://www.kord.app/login and spam left mouse click on the background.
The background creates connections to the lines on each click but it has no limit on how many connections it creates.
When spamming massively it creates a huge amount of lagg.

Maybe limit the amount of connections that can be made?

Thanks for your work, I love the application and use it daily!

Load all Playlist entries at once

Currently, when clicking play on a song in a playlist Kord simply puts all the songs on-screen in the queue but not the rest. To put all songs into the queue I have to scroll all the way down until all songs are on-screen.
This also only seems to happen if a playlist just got synced, whether that's because it's a new playlist or because it got reloaded using the button at the top.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.