Share your repls and programming experiences

← Back to all posts
Presenting... 🎵 NodeLyrics 🎵
h
RayhanADev (1941)

Looking for an aesthetically pleasing way to look up lyrics? Then I would like to introduce you to:

Presenting... 🎵 NodeLyrics 🎵

Just a simple little lyrics finder using the lyrics.ovh API. To make this extra special, I also included a Wikipedia API to search for cover art, so occasionally you might find some!

Check the full-screen version out here.

Any suggestions or comments? Please tell me below! If you do have a more consistent method of finding cover art, or have worked with a nice cover art API let me know! If you enjoyed this upvote to see more!!

Comments
hotnewtop
BobTheTomatoPie (3344)

nice look of it, but i cant find any of the songs i looked for

RayhanADev (1941)

@BobTheTomatoPie wow, the lyric.ovh api is being horrible xD. But so many people recommend it lmao. What did you use?

BobTheTomatoPie (3344)

i forget the name but it was one that was for python i think, i dont think there was a copy of it for js @RayhanADev

RayhanADev (1941)

Aesthetic and dark theme. Very gud! Should I add neon lighting?

LAMAQDAHODWALA (32)

Can you add tf-idf to this thing to make it like a proper search engine? Otherwise very good.

LeonskiDev (11)

Can I recommend https://docs.genius.com/ it's specifically for music lyrics and other stuff related to the song/artist.

Couldn't find DisMissedFit + Samsas - Siesta

Cool none the less! Especially the layout and styling.

RayhanADev (1941)

@LeonskiDev THANK YOU!!!!!! GENIUS API why didn’t I think of that xD. I’m going to get on this.

LeonskiDev (11)

@RayhanADev lul, I wish you luck! Can you send another comment if you update it? That way I can see it, thanks!

NoNameByProgram (198)

@RayhanADev also a suggestion for that song title thing: did you try using overflow-wrap:break-word;? it wraps the title if it's too long

RayhanADev (1941)

@NoNameByProgram no actually xD. I didn’t think anyone would go and type in a Mary Poppins song lol. Let me drop it in!

tankerguy1917 (174)

This is pretty good.
Only complaint is that one song (Panzerkampf) came up, but another song by the same band (Swedish Pagans) did not.
And I think I learned more about Green Day today than I have over the past few months researching the band.

RayhanADev (1941)

@tankerguy1917 hahaha nice one xD Swedish Pagans aren’t that bad. Yeah I’m going to migrate to a new API because multiple people have found that there are lyrics problems, but thanks for the feedback!

BD103 (126)

Wow. I love the styling!

Though be careful when searching up artists. I put in Turtles - Happy Together and it gave me info on the animal, not the artists! :P

RayhanADev (1941)

@BD103 thank you! and that’s the oddest thing ever xD. How in the world did turtles come up in the search. Okay I’m so switch to a new API lol.

FishingFights (203)

pretty clean! The API isn't exactly amazing... you could probably do better with web scraping 😂

RayhanADev (1941)

@FishingFights thank you!, and yeah I agree I thought lyrics.ovh was good but based on what people say it’s not very good. How would I create a web scraper?, wouldn’t that take time to scrape for every request?

FishingFights (203)

@RayhanADev yes it would take time per request maybe you could set up a queue, I web scrape with py so I wouldn't know how you would work it out in node.js, but with optimized code (and threading) requests shouldn't take too long.

[deleted]

Nice! Its web scraping a wiki page right?

RayhanADev (1941)

@CarlosRosiles not web-scraping it, just using an api that they give actually!

[deleted]

@RayhanADev Oh nice!

RayhanADev (1941)

@CarlosRosiles thank you xD. Hey btw do you happen to know any good lyric APIs?

[deleted]

@RayhanADev Nope, sorry. In fact, I dont even know how to use an api! Got any tutorials?

RayhanADev (1941)

@CarlosRosiles well depends on the API, but most are just content headers. Here’s the tutorial I used for the Wikipedia API!

[deleted]

@RayhanADev Thanks!

realTronsi (911)

@RayhanADev you could use multiple APIs at once

RayhanADev (1941)

@realTronsi true, but I don’t really know another one that’s good (and free). Got any in mind?

realTronsi (911)

@RayhanADev I mean you could mix together a crawler and your API, and if the crawler finds a best answer on google then it can match that to the API, if the API didn't find anything then the crawler can take over. You can also maybe send a request to a side crawler when lyrics aren't found, and the crawler could attempt to retrieve the lyrics on some specific lyric sites.

JasonLiu19 (69)

Cool! Can't find lyrics for the first two songs I inputted, and the third one was Alan Walker-Faded, though

JasonLiu19 (69)

@RayhanADev Last Heroes-Eclipse, DM Galaxy-Paralyzed

RayhanADev (1941)

@JasonLiu19 ah rip it’s not in their directory I suppose. Sorry xD. It usually gets most songs though.