# Introducing Vinyl, scribble for Music 💿

# Introduction 


![image_2022-10-01_02-49-19.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1664575545643/48oyrRMgY.png align="left")

Ever heard of a song and spent a few seconds remembering its name? Well, we made a game out of it 😎.

Introducing Vinyl, a multiplayer song guessing game in which the first one (three people actually) to guess the name of the song from its 30 second preview wins. 


# How to play

Playing vinyl is easy and simple. All you need to do is:

1. Create a room
2. Invite some friends (using the invite link)
3. Choose your Spotify playlist (or from our Handpicked ones )🤌🏽
4. Choose the number of rounds
5. Guess the song before everyone else

# How we built it

Thanks to AWS Amplify, we were able to convert out idea to code and deploy with ease  ✌🏽

### Design ✨

Using **Figma to Code**, we generated React code to convert our design to components which acted as a base for the entire projects. 


![Screenshot 2022-09-30 at 11.49.10 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1664562062614/g4KNcBlqm.png align="left")

### Database 🗃

In order to save Playlists and generate a schema for the database, we used Amplify Studio's Data modelling feature

![Screenshot 2022-09-30 at 11.48.03 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1664561913078/SgUCIKkci.png align="left")

### Hosting 🌎

We used Amplify to host out Next.js application

# Screenshots 🌃

![image_2022-10-01_01-52-28.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1664575249103/d8GhDkjHl.png align="left")


![Screenshot 2022-09-30 at 11.49.10 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1664575269029/r6WpVz-YF.png align="left")


![image_2022-10-01_02-49-19.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1664575290612/dquropmZT.png align="left")

# Links 🔗:

- Web Server Repo: https://github.com/radioactive11/vinyl-server
- Client Server Repo: https://github.com/boidushya/vinyl-client
- Client Socket Repo: https://github.com/kg-kartik/vinyl-socket

Link to application: https://vinyl-client.vercel.app