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.

How it works

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

• Dark Mode

Stack

Front-end:

• NextJs
• React
• TailwindCSS
• React-Query
• Axios
• React Testing Library
• MSW JS

Back-end:

• NextJs
• Jest

Related projects

• Festify
• Receiptify

References

• Spotify Web Api

License

MIT

Author

• @andraderaul