relatle.io: A daily game where you connect two musicians together using their related artists
Long press on an artist to hear a preview of one of their songs
![home](https://private-user-images.githubusercontent.com/19757304/334896704-99ead5e2-411c-4585-8019-5df6acdaeb6f.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5NTU5MDcsIm5iZiI6MTcyMDk1NTYwNywicGF0aCI6Ii8xOTc1NzMwNC8zMzQ4OTY3MDQtOTllYWQ1ZTItNDExYy00NTg1LTgwMTktNWRmNmFjZGFlYjZmLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDExMTMyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTYzZmNkYWNmMGJjYjgyMTlhYmE4MTk2Y2ZmMzM0NTU0M2M0MmQ4NDc5YjU1OTBkYmU1MjZlODUyMDA1YjdhZmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6gF4pnCcmQPeAUdc2tGEl-SsqGIdD0erJk71wj994-g)
Contains path summary, global score results, player stats, and integrated sharing features
![win](https://private-user-images.githubusercontent.com/19757304/334897436-7ab52f38-e3c1-4195-97a6-c85a1d72945a.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5NTU5MDcsIm5iZiI6MTcyMDk1NTYwNywicGF0aCI6Ii8xOTc1NzMwNC8zMzQ4OTc0MzYtN2FiNTJmMzgtZTNjMS00MTk1LTk3YTYtYzg1YTFkNzI5NDVhLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDExMTMyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJmZmNmNGJkNmJjODUzOTE4ZGZkNzhmNzg3NmQyOTQ4NTA2YjA0ZDQyMGQ4NzI1YThhMjNjYWZjNDM4Y2RlZTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZHksT4yRihxqIFc0ksOs6pDasw2mTxQVqQ7_Bgy0Zck)
Utilize graph algorithms to recommend matchups and ensure only possible matchups are shown
![image](https://private-user-images.githubusercontent.com/19757304/334897884-516d5751-2873-4be4-b321-3b79bcfc54dc.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5NTU5MDcsIm5iZiI6MTcyMDk1NTYwNywicGF0aCI6Ii8xOTc1NzMwNC8zMzQ4OTc4ODQtNTE2ZDU3NTEtMjg3My00YmU0LWIzMjEtM2I3OWJjZmM1NGRjLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDExMTMyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMxNDZkYmRjZWQ4ZmQyODMyYjExNmNiZGJkNWFkNGU1MGNjZGJjOWZjOWMyMTQxNzIwZTdlZDRlYzc3ODkzZTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.jjJ4Y8calNZ_DYir9J0HzOITcaCqn2juhHp5D6zZ0XA)
View the top custom games played by the community and sort them by their game statistics
![image](https://private-user-images.githubusercontent.com/19757304/334898562-6e453ba8-f7c4-49de-b775-8cf3e31adafc.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5NTU5MDcsIm5iZiI6MTcyMDk1NTYwNywicGF0aCI6Ii8xOTc1NzMwNC8zMzQ4OTg1NjItNmU0NTNiYTgtZjdjNC00OWRlLWI3NzUtOGNmM2UzMWFkYWZjLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDExMTMyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZjMDgyNjgxYmE2YjFkYjE2ZDg3NDBkYzhiNGIyMjdjM2E3YjUzN2M2ZTI1ZmZkNDNjMjc3NWRlMmYzOWE3NDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PUSxKyG-Fg-4yk3eJRD0UuBRJP5NQv9dcS4gOMs8PnA)
Catch up on any daily games you missed with the matchup archive
![image](https://private-user-images.githubusercontent.com/19757304/334898920-0b23f71e-b41e-4c1d-a74d-9362f790fd89.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5NTU5MDcsIm5iZiI6MTcyMDk1NTYwNywicGF0aCI6Ii8xOTc1NzMwNC8zMzQ4OTg5MjAtMGIyM2Y3MWUtYjQxZS00YzFkLWE3NGQtOTM2MmY3OTBmZDg5LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDExMTMyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkxNGVmOGU4NzBjZWM3OWIyODI3MmJkMDRkOTI0NzU2NjcyODZlOTNmNDUwOGY4NjRmZjE0ZTY5OGVkYTkxMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.J17s3sQNlZwLdxzrZeLL99nbB-7XTeysSZWtQ4Uq_zQ)
Transfer your personal stats like streak data, average score etc. from one device to another!
![image](https://private-user-images.githubusercontent.com/19757304/334899429-facb8d17-e048-4e7a-8873-30331924b61b.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA5NTU5MDcsIm5iZiI6MTcyMDk1NTYwNywicGF0aCI6Ii8xOTc1NzMwNC8zMzQ4OTk0MjktZmFjYjhkMTctZTA0OC00ZTdhLTg4NzMtMzAzMzE5MjRiNjFiLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE0VDExMTMyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI4NmUyNjU5MTU2ZWRkNWU0NmQ2ODI1NzA1Nzg3NTMyMTYxNTcyOWE4MDUwODg4MjIwMzZjOGM3YTU2ZjE1NjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.tynd_mrYYKOz-Zdv2X7b1pD0uDHLc1vzgqdLHGYgq4w)
- Daily matchups generated by custom algorithms to ensure proper difficulty
- How To Play modal for first-time visitors
- Saved progress on device so players can revisit their match at any time and keep track of their stats
- Reset functionality in case players get stuck
- Give up functionality if players want to end the match and see the shortest path
- Hint that allows players to see the related artists of the target artist for a better idea of how to navigate there
- Next.js
- React
- Typescript
- Cloudflare Pages
- Postgres (Supabase)
- Python
- Mantine
- Tailwind CSS
- Framer Motion
- Vercel
Created by Karim Kaylani. Designed by Zade Kaylani.