Skip to main content

Introducing Vinyl, scribble for Music πŸ’Ώ

Updated 2 min readMarkdown
Introducing Vinyl, scribble for Music πŸ’Ώ

Introduction

image_2022-10-01_02-49-19.png

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

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

Hosting 🌎

We used Amplify to host out Next.js application

Screenshots πŸŒƒ

image_2022-10-01_01-52-28.png

Screenshot 2022-09-30 at 11.49.10 PM.png

image_2022-10-01_02-49-19.png

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

About the author

  • I love designing, building, and managing reproducible, testable, and evolvable ML powered software.

Hi Arijit Roy, can you please add an MIT license to your project, so it considers eligible for this hackathon?

Thank you.