Skip to main content

Command Palette

Search for a command to run...

Introducing Vinyl, scribble for Music ๐Ÿ’ฟ

Updated
โ€ข2 min read
Introducing Vinyl, scribble for Music ๐Ÿ’ฟ
A

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

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

E

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

Thank you.