andraderaul / random-fy

Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

Home Page:https://random-fy.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Quality Release

randomfy

About

randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

Disclaimer: randomfy is not affiliated with Spotify. The site was build with Nextjs, React and the Spotify API.

This project has some amazing features and can be described as follows:

  1. When the user logs into the application, a recommendation is displayed.
  2. The user can like or dislike the recommendation, just like on Tinder.

After that, randomfy provides:

  • A playlist with the liked artists that the user can listen to and share with their friends.
  • An image with the album artwork of the available songs for download.
  • A festival image with the participating artists available for download. These additional features enhance the overall experience for randomfy users, making it more engaging and enjoyable.

Quickstart

You can start cloning the repository:

git clone git@github.com:andraderaul/random-fy.git

Then install all dependencies:

yarn install

Finally, start the application:

yarn dev

Environments

Important: you must have a spotify developer account with an app created. Then add the SPOTIFY_CLIENT_ID and SPOTIFY_CLIENT_SECRET from your app created to .env.

Todo

  • Performance
  • Cookies

Demo

randomfy

Screenshots

  • Light Mode

randomfy screen light mode

  • Dark Mode

randomfy screen dark mode

Stack

Front-end:

Back-end:

Related projects

References

License

MIT

Author

About

Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

https://random-fy.vercel.app/

License:MIT License


Languages

Language:TypeScript 97.8%Language:JavaScript 1.8%Language:CSS 0.3%Language:Shell 0.1%