Introducing Vinyl, scribble for Music ๐Ÿ’ฟ

Introducing Vinyl, scribble for Music ๐Ÿ’ฟ

ยท

2 min read

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 ๐Ÿ”—:

Link to application: vinyl-client.vercel.app

ย